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

【问题标题】：I want to allow only 1 radio button every time我每次只允许 1 个单选按钮
【发布时间】：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 我该怎么做？我在这个世界上有点新哈哈

标签： html css types radio-button radio

【解决方案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>

...等等

【讨论】：