Question

<div id="a">
 <input type="checkbox" name="form">Apple<br/>
 <input type="checkbox" name="form">Banana
</div>

<div id="a">
  <input type="radio" name="form">A<br/>
  <input type="radio" name="form">B<br/>
</div>

选中复选框时，应取消选中单选按钮，当选中单选按钮时，选中的复选框应全部取消选中。

Answer 1

在src="/js/test.js"中，不能在多个元素上使用html。 Here，您可以阅读有关它的更多信息。

输入中的名称也更好地唯一。例如-当您想在后端使用这些数据时。

id

这是纯JS解决方案，因为jQuery已经发布。

<div id="checkingInputs">
 <div id="a">
  <input type="checkbox" name="inputFirst">Apple<br>
  <input type="checkbox" name="inputSecond">Banana
 </div>
 <div id="b">
  <input type="radio" name="inputThird">Apple<br>
  <input type="radio" name="inputFourth">Banana
 </div>
</div>

jsfiddle

Answer 2

$(":radio").click(function() {
    $(":checkbox").prop("checked", false);
});
$(":checkbox").click(function() {
    $(":radio").prop("checked", false);
});

DEMO

选中复选框时如何取消选中单选按钮，反之亦然？

2 个答案: