Question

当我取消选择复选框“demo1”时，我希望可以使用javascript取消选择复选框“demo2”。只取消选择

<input type="checkbox" name="demo1" value="Bike">
<label for="vehicle1"> I have a bike</label><br>
<input type="checkbox" name="demo2" value="Car">
<label for="vehicle2"> I have a car</label><br>

Answer 1

我猜你只是想拥有“radio”之类的行为。您可以在下面看到如何使用纯 JS 来完成。

<html>
<body>
<script>
function switcher(obj) {
   if(obj.checked == true) {
      document.getElementsByName('demo2')[0].checked = false;
      document.getElementsByName('demo1')[0].checked = false;
      obj.checked= true
   }
}
</script>

<input type="checkbox" name="demo1" value="Bike" onclick="switcher(this)">
<label for="vehicle1"> I have a bike</label><br>
<input type="checkbox" name="demo2" value="Car" onclick="switcher(this)">
<label for="vehicle2"> I have a car</label><br>

</body>
</html>

取消选择另一个复选框时，javascript取消选择复选框

1 个答案: