我每次只允许 1 个单选按钮

Posted 2023-03-27

【中文标题】我每次只允许 1 个单选按钮

【英文标题】：I want to allow only 1 radio button every time

【发布时间】：2021-03-04 05:39:15

【问题描述】：

我正在使用单选按钮，我不希望用户可以选择多个单选按钮。但它不起作用，用户每次都可以选择两个单选按钮。

Ja = 是，nee = 否。 我想让用户在是或否之间做出决定。没有别的了。

     <p>Vraag 13: Houdt u van wijnproeferijen?</p>
        <input type="radio" id="vraag13ja" value="ja"> Ja
        <input type="radio" id="vraag13nee" value="nee"> Nee
        <p>Vraag 14: Houdt u van restaurants?</p>
        <input type="radio" id="vraag14ja" value="ja"> Ja
        <input type="radio" id="vraag14nee" value="nee"> Nee
        <p>Vraag 15: Houdt u van nieuwe mensen ontmoeten?</p>
        <input type="radio" id="vraag15ja" value="ja"> Ja
        <input type="radio" id="vraag15nee" value="nee"> Nee
        <p>Vraag 16: Houdt u van cafes?</p>
        <input type="radio" id="vraag16ja" value="ja"> Ja
        <input type="radio" id="vraag16nee" value="nee"> Nee
        <p>Vraag 17: Houdt u van een feestje?</p>
        <input type="radio" id="vraag17ja" value="ja"> Ja
        <input type="radio" id="vraag17nee" value="nee"> Nee
        <p>Vraag 18: Houdt u van nieuwe culturen ontdekken?</p>
        <input type="radio" id="vraag18ja" value="ja"> Ja
        <input type="radio" id="vraag18nee" value="nee"> Nee
        <p>Vraag 19: Houdt u van bergwandelen?</p>
        <input type="radio" id="vraag19ja" value="ja"> Ja
        <input type="radio" id="vraag19nee" value="nee"> Nee
        <p>Vraag 20: Houdt u van sportwedstrijden?</p>
        <input type="radio" id="vraag20ja" value="ja"> Ja
        <input type="radio" id="vraag20nee" value="nee"> Nee
        <p>Vraag 21: Houdt u van oude gebouwen bezoeken?</p>
        <input type="radio" id="vraag21ja" value="ja"> Ja
        <input type="radio" id="vraag21nee" value="nee"> Nee
        <p>Vraag 22: Houdt u ervan om nationale monumenten te bezoeken?</p>
        <input type="radio" id="vraag22ja" value="ja"> Ja
        <input type="radio" id="vraag22nee" value="nee"> Nee
        <p>Vraag 23: Houdt u van watersport?</p>
        <input type="radio" id="vraag23ja" value="ja"> Ja
        <input type="radio" id="vraag23nee" value="nee"> Nee
        <p>Vraag 24: Houdt u van sporten?</p>
        <input type="radio" id="vraag24ja" value="ja"> Ja
        <input type="radio" id="vraag24nee" value="nee"> Nee

    </div>

【问题讨论】：

广播组必须共享一个名称属性。现在它们没有组合在一起。我建议您查看单选按钮上的规范。

@scrappedcola 我该怎么做？我在这个世界上有点新哈哈

【参考方案1】：

来自单选按钮的w3schools.com 参考：

注意：广播组必须具有相同的名称（ name 属性）被视为一个组。一旦广播组 创建，自动选择该组中的任何单选按钮 取消选择同一组中的任何其他选定单选按钮。你可以 在页面上拥有任意数量的广播组，只要每个组 有自己的名字。

你可能也想使用标签标签。例如：

<p>Vraag 13: Houdt u van wijnproeferijen?</p>
<input type="radio" name="first" id="vraag13ja" value="ja">
<label for="vraag13ja">Ja</label>
<input type="radio" name="first" id="vraag13nee" value="nee">
<label for="vraag13nee">Nee</label><br>

<p>Vraag 14: Houdt u van restaurants?</p>
<input type="radio" name="second" id="vraag14ja" value="ja">
<label for="vraag14ja">Ja</label>
<input type="radio" name="second" id="vraag14nee" value="nee"> Nee
<label for="vraag14nee">Nee</label>

...等等