我的代码是这样的:
<div class="col-md-4">
<ul class="list-unstyled">
<li><strong>England</strong></li>
<li>
<div class="checkbox">
<label>
<input type="radio" name="test"> Chelsea
</label>
</div>
</li>
<li>
<div class="checkbox">
<label>
<input type="radio" name="test"> Mu
</label>
</div>
</li>
<li>
<div class="checkbox">
<label>
<input type="radio" name="test"> Arsenal
</label>
</div>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-unstyled">
<li><strong>Spain</strong></li>
<li>
<div class="checkbox">
<label>
<input type="radio" name="test"> Madrid
</label>
</div>
</li>
<li>
<div class="checkbox">
<label>
<input type="radio" name="test"> Barcelona
</label>
</div>
</li>
<li>
<div class="checkbox">
<label>
<input type="radio" name="test"> Atletico
</label>
</div>
</li>
</ul>
</div>
像这样的演示:
https://jsfiddle.net/oscar11/m7by6zcw/1/
我想在两个组按钮上使用相同的名称,就像上面的代码一样。但影响是两个单选按钮组只能选择一个。有些情况使我不得不使用相同的名称。
如何使两个组按钮即使使用相同的名称也可以被选择?
最佳答案
在单独的 form
标记中使用单选按钮组,如下所示。一种形式中只能出现一个 name
组。
<div class="col-md-4">
<form>
<ul class="list-unstyled">
<li><strong>England</strong></li>
<li>
<div class="checkbox">
<label>
<input type="radio" name="test"> Chelsea
</label>
</div>
</li>
<li>
<div class="checkbox">
<label>
<input type="radio" name="test"> Mu
</label>
</div>
</li>
<li>
<div class="checkbox">
<label>
<input type="radio" name="test"> Arsenal
</label>
</div>
</li>
</ul>
</form>
</div>
<div class="col-md-4">
<form>
<ul class="list-unstyled">
<li><strong>Spain</strong></li>
<li>
<div class="checkbox">
<label>
<input type="radio" name="test"> Madrid
</label>
</div>
</li>
<li>
<div class="checkbox">
<label>
<input type="radio" name="test"> Barcelona
</label>
</div>
</li>
<li>
<div class="checkbox">
<label>
<input type="radio" name="test"> Atletico
</label>
</div>
</li>
</ul>
</form>
</div>
关于javascript - 如何制作多个具有相同名称的单选按钮组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44513382/