选中复选框后，禁用其他相同值复选框

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

Answer 1

如果你想只禁用具有相同值的其他复选框而不是选中复选框，那么这样的东西应该有效：

 $("input[name='check[]']").on('click', function() { var val = $(this).val(); var parent = $(this); $("input[value='"+val+"']").each(function() { $(this).not(parent).attr('disabled', parent.is(':checked')); }); }) 

演示

Answer 2

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

 // 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); }) 

Answer 3

你的HTML：

你的脚本：

  $(document).ready(function(){ $("#chk_id").click(function(){ var current_value = $(this).val(); $("input[type='checkbox']").each(function() { if($(this).val() == current_value){ $(this).attr("disabled", true); } }); }); });