时间戳

首页 > 解决方案 > 我每次只允许 1 个单选按钮

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

问题描述

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

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>

标签： htmlcsstypesradio-buttonradio

解决方案

从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>

...等等

推荐阅读