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

**URL:** <https://community.cybozu.dev/t/topic/10111>\
**Category:** kintone 開発相談\
**Created:** [2025 年 2 月 21 日午前 4:09 UTC](https://community.cybozu.dev/t/topic/10111 "2025-02-21T04:09:18Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![kawaatsu](https://avatars.discourse-cdn.com/v4/letter/k/58956e/32.png) [@kawaatsu](https://community.cybozu.dev/u/kawaatsu)\
**Post date:** [2025 年 2 月 21 日午前 4:09 UTC](https://community.cybozu.dev/t/topic/10111/1 "2025-02-21T04:09:18Z")

</div>

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

 ![image](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/2X/6/69543888a19232684dd3979608c0ace87ef70a2c.png)

```javascript
(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;
    });
})();

```

---

<div class="post-metadata">

**Author:** ![lemon\_sour](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/lemon_sour/32/1469_2.png) [@lemon\_sour](https://community.cybozu.dev/u/lemon_sour)\
**Post date:** [2025 年 2 月 22 日午前 12:18 UTC](https://community.cybozu.dev/t/topic/10111/3 "2025-02-22T00:18:49Z")

</div>

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

```javascript
(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;
    });
})();

```

---

<div class="post-metadata">

**Author:** ![kawaatsu](https://avatars.discourse-cdn.com/v4/letter/k/58956e/32.png) [@kawaatsu](https://community.cybozu.dev/u/kawaatsu)\
**Post date:** [2025 年 2 月 22 日午前 2:27 UTC](https://community.cybozu.dev/t/topic/10111/4 "2025-02-22T02:27:29Z")

</div>

もみじ様  
lemon\_sour様

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

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2025 年 2 月 25 日午前 2:28 UTC](https://community.cybozu.dev/t/topic/10111/5 "2025-02-25T02:28:01Z")

</div>

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