Javascript 选中/取消选中复选框
在以下示例中,选中/取消选中其他复选框的最佳方式是什么:Javascript 选中/取消选中复选框,javascript,jquery,html,Javascript,Jquery,Html,在以下示例中,选中/取消选中其他复选框的最佳方式是什么: <label title="">NSK<br /> <input type="checkbox" name="eph-ds[<?php echo $eph['eph_id']; ?>][]" value="NSK" /> </label> <label title="">F<br /> <input type="checkbox" name="eph
<label title="">NSK<br />
<input type="checkbox" name="eph-ds[<?php echo $eph['eph_id']; ?>][]" value="NSK" />
</label>
<label title="">F<br />
<input type="checkbox" name="eph-ds[<?php echo $eph['eph_id']; ?>][]" value="F" />
</label>
<label title="">PR<br />
<input type="checkbox" name="eph-ds[<?php echo $eph['eph_id']; ?>][]" value="PR" />
</label>
<label title="">DPH<br />
<input type="checkbox" name="eph-ds[<?php echo $eph['eph_id']; ?>][]" value="DPH" />
</label>
NSK
可以使用属性选择器使用jQuery将特定元素作为目标:
$(":checkbox[value=PR]")
例如,上面以PR
作为值的复选框为目标。现在,您可以将这些链接到更改函数:
$(":checkbox").change(function() {
var current = this.value;
if (current == "PR") {
$(":checkbox[value=F]").prop("checked", false);
}
//so on and so forth
});
.prop
用于选中/取消选中复选框。您可以浏览并自定义上述规则集。您是在用复选框重新创建单选按钮吗?看起来他要的是一组非常特定的规则,不适合单选按钮。是的,正如Will所说。:radio=:checkbox,它工作得很好。@Adrian--Woops:)很高兴它工作了!