jQuery - Cochez la case et désactivez l'autre si la valeur est différente

Question

Je souhaite désactiver d'autres checkbox si la valeur cochée checkbox a une valeur différente des autres. J'ai vu une question mais la réponse est le contraire. toutes les réponses sont bien appréciées.

<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'> 

Disons que first checkbox est vérifiée avec la valeur de Active. les autres cases avec une valeur de Inactive doivent être désactivées on change.

Voici l'exemple que j'ai trouvé d'un des devs ici

Fiddle: 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. Obtenir la valeur actuelle de la case du changement sur l'événement de changement.
2. Décochez toute la case.
3. Utilisez la valeur actuelle pour vérifier toutes les case avec la même valeur

$(":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'>