如果选择了另一个单选按钮,则取消选择单选按钮

2024-03-13

考虑以下标记:

<form>

<div class="project">
<ul class="choice">
    <li><label for="firstchoice_1">First choice</label><input type="radio" name="firstchoice" value="1" id="firstchoice_1" /></li>
    <li><label for="secondchoice_1">Second choice</label><input type="radio" name="secondchoice" value="1" id="secondchoice_1" /></li>
</ul>
</div>

<div class="project">
<ul class="choice">
    <li><label for="firstchoice_2">First choice</label><input type="radio" name="firstchoice" value="2" id="firstchoice_2" /></li>
    <li><label for="secondchoice_2">Second choice</label><input type="radio" name="secondchoice" value="2" id="secondchoice_2" /></li>
</ul>
</div>

</form>

我想做的是禁用一个如果每个单选按钮.project每当选择另一个时就分组(所以只有First choice or Second choice每个组中都可以选择)。我知道该怎么做是在一种特定情况下禁用一个特定的单选按钮,但我不知道如何概括这一点,因为它们可能有一百个这样的.project groups.

Edit: 请注意,仅是整个First choice(反之亦然)可以选择。该名称已被使用。相同name属性在整个标记中使用。只有两种不同names.


只需给他们相同的name但不同values;这将自动发生,因为这就是单选按钮的设计方式。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如果选择了另一个单选按钮,则取消选择单选按钮 的相关文章

随机推荐