check checkbox если установлен флажок с тем же значением jquery

Question

Как установить флажок, если установлен флажок с тем же значением. Если выбрать 1, то он должен проверить флажок другого div с тем же значением.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
 
<div> 
 
    <input type="checkbox" value="1">1 
 
    <input type="checkbox" value="2">2 
 
</div> 
 
<div> 
 
    <input type="checkbox" value="1">1 
 
    <input type="checkbox" value="2">2 
 
</div>

Answer 1

Как просто, как он получает:

$('input:checkbox').on('change', function(){ 
 
    //if(this.checked) // optional, depends on what you want 
 
    $('input[value="' + this.value + '"]:checkbox').prop('checked', this.checked); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<div> 
 
    <input type="checkbox" value="1">1 
 
    <input type="checkbox" value="2">2 
 
</div> 
 
<div> 
 
    <input type="checkbox" value="1">1 
 
    <input type="checkbox" value="2">2 
 
</div>

Если вы хотите, чтобы другие остаются выданными когда вы снимите один, посмотрите на Arun P Johny's solution.

Answer 2

Вы можете использовать селектор атрибута, чтобы получить другие флажки с тем же значением и установите его проверили свойство, если текущий флажок

jQuery(function($) { 
 
    var $checks = $('input:checkbox').change(function() { 
 
    if (this.checked) { 
 
     $checks.filter('[value="' + this.value + '"]').not(this).prop('checked', this.checked); 
 
    } 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
 
<div> 
 
    <input type="checkbox" value="1">1 
 
    <input type="checkbox" value="2">2 
 
</div> 
 
<div> 
 
    <input type="checkbox" value="1">1 
 
    <input type="checkbox" value="2">2 
 
</div>

Answer 3

Вы можете установить filter() значение и установить его свойство.

$(function() { 
 
    var checkboxes = $(":checkbox").change(function() { 
 
    var value = $(this).val(); 
 
    checkboxes.filter(function() { 
 
     return value == $(this).val() 
 
    }).not(this).prop('checked', this.checked); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
 
<div> 
 
    <input type="checkbox" value="1">1 
 
    <input type="checkbox" value="2">2 
 
</div> 
 
<div> 
 
    <input type="checkbox" value="1">1 
 
    <input type="checkbox" value="2">2 
 
</div>