ラジオボタンの"/"を消すことはできますか？

kintone カスタマイズ
1

kintoneでレコードを作成したときに、ラジオボタンの初期値の"/"を消したいです。
ラジオボタンの初期値を非表示にすることはできますでしょうか？
初心者のため、ご教示いただけないでしょうか？
大変お手数ですが、よろしくお願いいたします。
GoogleChromeで検証を開いてみましたが、何を設定すればいいのかわからない状況です。

image
image997×644 99.5 KB

(function() {
    'use strict';

    // レコードの表示・編集イベント
    var events = [
        'app.record.create.show',
        'app.record.edit.show',
        'app.record.detail.show'
    ];

    kintone.events.on(events, function(event) {
        // 必須マークを非表示にするCSSを追加
        var style = document.createElement('style');
        style.innerHTML = `
            .control-gaia.control-single_check-field-gaia .require-cybozu,
            input[type="radio"][value="/"] {
                display: none;
            }
        `;
        document.head.appendChild(style);

        return event;
    });
})();
2

kintone UI Component で、下図のような初期値に項目名がないラジオボタンを作れます。
クラス名の変化にも左右されません。

タイトルなし

      label: 'ラジオボタン',
      items: [
        {
          label: ' ',
          value: ' '
        },
        {
          label: '選択肢1',
          value: '選択肢1'
        },
        {
          label: '選択肢2',
          value: '選択肢2'
        }
      ],
      value: ' '
3

こんにちわ。
イメージとしては下記のような感じでしょうか。
ラジオボタンが１つのみなのか複数なのか、また、クラス名が変わってしまったりしたら調整する必要があると思います。

(function() {
    'use strict';

    // レコードの表示・編集イベント
    var events = [
        'app.record.create.show',
        'app.record.edit.show',
    ];

    kintone.events.on(events, function(event) {
        // ラジオボタンのラベルのinnerHTMLを消す
        var radioLabels = document.querySelectorAll('input[type="radio"][value="/"] + label');
        radioLabels.forEach(function(label) {
            label.innerHTML = '';
        });

        return event;
    });

    var event_detail = [
        'app.record.detail.show'
    ];

    kintone.events.on(event_detail, function(event) {
        // クラス名「control-single_check-field-gaia」を持つ要素内の孫要素spanの内容を空文字に置き換える
        // ただし、クラス名「control-label-text-gaia」を持つ要素は除外する
        var spanElements = document.querySelectorAll('.control-single_check-field-gaia span:not(.control-label-text-gaia)');
        spanElements.forEach(function(span) {
            span.innerHTML = '';
        });

        return event;
    });
})();
4

もみじ様
lemon_sour様

複数のラジオボタンフィールドの初期値を空白にすることができました。
大変ありがとうございました。

1 Like
5

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。