假设有以下HTML代码:

<label>
  <input type="checkbox" name="option1" value="1">
  Option 1
</label>
<label>
  <input type="checkbox" name="option2" value="2">
  Option 2
</label>
<label>
  <input type="checkbox" name="option3" value="3">
  Option 3
</label>

我们可以使用以下jq代码实现复选框的反选:

$(":checkbox").click(function(){
  if($(this).prop("checked") == false){
    $(this).prop("checked", true);
  } else {
    $(this).prop("checked", false);
  }
});

这段代码会在任何复选框被点击时执行。首先,它会检查该复选框的选中状态。如果该复选框未选中,则将其选中。如果该复选框已选中,则取消其选中状态。这样就实现了复选框的反选。

对于单选按钮,我们可以使用以下代码:

$(":radio").click(function(){
  if($(this).prop("checked") == false){
    $(this).prop("checked", true);
  }
});

这段代码会在任何单选按钮被点击时执行。它会检查该单选按钮的选中状态。如果该单选按钮未选中,则将其选中。如果该单选按钮已选中,则不执行任何操作。这样就实现了单选按钮的反选。

jq实现单选按钮复选框反选

原文地址: https://www.cveoy.top/t/topic/bd1A 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录