jq实现单选按钮复选框反选
假设有以下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);
}
});
这段代码会在任何单选按钮被点击时执行。它会检查该单选按钮的选中状态。如果该单选按钮未选中,则将其选中。如果该单选按钮已选中,则不执行任何操作。这样就实现了单选按钮的反选。
原文地址: https://www.cveoy.top/t/topic/bd1A 著作权归作者所有。请勿转载和采集!