jQuery - 检查复选框，并禁用其他如果有不同的值

Question

我想禁用其他checkbox如果选中的checkbox与其他值不同。我见过一个问题，但答案与此相反。任何答案，非常感谢。

<input type='checkbox' name='check[]' value='Active'> //first checkbox 
<input type='checkbox' name='check[]' value='Inactive'> 
<input type='checkbox' name='check[]' value='Inactive'> 
<input type='checkbox' name='check[]' value='Active'> 

让的说first checkbox与的Active值检查。其他值为Inactive的复选框应禁用on change。

下面是我从开发者的一个发现这里

小提琴的例子：https://jsfiddle.net/Lenauevf/1/

When Checkbox checked make other same value checkboxes disabled

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

1. 获取有关更改事件的变化选择框的当前值。
2. 取消选中所有复选框。
3. 使用电流值来检查所有复选框以相同的值

$(":checkbox").change(function() { 
 
    let val = $(this).val(); 
 
    console.log(val) 
 
    $(":checkbox").prop("checked", false) 
 
    $(":checkbox[value=" + val + "]").prop("checked", true) 
 
})

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