javascript - 当选中复选框时，禁用其他相同值的复选框

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 6 年前。

Improve this question

如何在选中一个复选框时禁用其他相同值的复选框。

<input type='checkbox' name='check[]' value = '1'>
<input type='checkbox' name='check[]' value = '2'>
<input type='checkbox' name='check[]' value = '1'>
<input type='checkbox' name='check[]' value = '2'>

Answer 1

使用 change()事件处理程序并根据检查的属性禁用其他元素。您可以使用 filter() 获取具有相同值的其他元素。方法和attribute equals selector .

// cache the elements
var $chk = $("[name='check[]']");
// bind change event handler
$chk.change(function() {
  $chk
    // remove current element
    .not(this)
    // filter out element with same value
    .filter('[value="' + this.value + '"]')
    // update disabled property based on the checked property
    .prop('disabled', this.checked);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='checkbox' name='check[]' value='1'>
<input type='checkbox' name='check[]' value='2'>
<input type='checkbox' name='check[]' value='1'>
<input type='checkbox' name='check[]' value='2'>