选中/取消选中复选框

Question

在以下示例中选中/取消选中另一个复选框的最佳方法是什么：

<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”，则取消选中“PR”。如果选中“PR”，则取消选中“F”。如果选中“DPH”，则取消选中全部。

Answer 1

您可以使用属性选择器使用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用于选中/取消选中复选框。您可以根据您的规则对上述内容进行自定义。