Seleziona e deseleziona la casella di controllo Dinamicamente con jQuery: bug?

Question

Ho creato uno script per controllare le caselle di controllo master & slave (controllo e deselezione automatici).

Ecco il mio JS:

$(document).ready(function() { 

    $('#myCheck').click(function() { 
     $('.myCheck').attr('checked', false); 
    }); 
    $('.myCheck').click(function() { 
     if ($('.myCheck').is(':checked')) { 
      $('#myCheck').attr('checked', false); 
     } else { 
      $('#myCheck').attr('checked', true); // IT DOESN'T WORK, WHY ? 
      alert("Checkbox Master must be checked, but it's not!"); 
     } 
    }); 

}); 

Ed ecco il mio HTML:

<input type="checkbox" id="myCheck" checked="checked" />&nbsp;&nbsp;Checkbox Master<br /> 
<input type="checkbox" class="myCheck" value="1" />&nbsp;&nbsp;Checkbox Slave 1<br /> 
<input type="checkbox" class="myCheck" value="1" />&nbsp;&nbsp;Checkbox Slave 2 

Guardate il mio semplice JsFiddle per capire il problema.

MODIFICA 1: Come Inser ha detto, il problema si verifica con jQuery 1.9.2 e oltre. Nessun problema con jQuery 1.8.3. Strano ...

EDIT 2: Inser trovato la soluzione, utilizzare .prop ('controllato', true) invece .attr ('controllato', true). Guarda i commenti qui sotto ...

Answer 1

Utilizzare il metodo puntello per le nuove versioni di jQuery:

$('#myCheck').prop('checked', true); 
$('#myCheck').prop('checked', false); 

http://jsfiddle.net/uQfMs/37/

Answer 2

forse volete solo per controllare la casella di controllo maestro:

$('#myCheck').click(function() { 
     $('.myCheck').attr('checked', false); 
     $(this).attr('checked', true); 
}); 

vedono questo fiddle.

Answer 3

Si potrebbe provare questo.

$('#myCheck').click(function() { 
    var checkBoxes = $(this).siblings('input[type=checkbox]'); 
    checkBoxes.prop('checked', $(this).is(':checked') ? true : false); 
}); 

Answer 4

ho fatto alcune esperienze, in realtà $(':checkbox').attr('checked',false); ma decorate potrebbe impostare "controllato" attributo, ma non si dimostra continuesly in visiva. e $(':checkbox').prop('checked', true); questo funziona perfettamente! spero che questo possa aiutare.

Answer 5

ti ho scritto un plugin per questo:

$.fn.dependantCheckbox = function() { 
    var $targ = $(this); 
    function syncSelection(group, action) { 
    $targ.each(function() { 
     if ($(this).data('checkbox-group') === group) { 
     $(this).prop('checked', action); 
     } 
    }); 
    }; 
    $('input[type="checkbox"][data-checkbox-group]').on('change', function() { 
    var groupSelection = $(this).data('checkbox-group'); 
    var isChecked = $(this).prop('checked'); 
    syncSelection(groupSelection, isChecked); 
    }); 
} 
$('input[type="checkbox"][data-checkbox-group]').dependantCheckbox(); 


<input data-checkbox-group="1" type="checkbox" id="test" /> 
<label for="test">test</label> 
<input data-checkbox-group="1" type="checkbox" id="test2" /> 
<label for="test2">test2</label> 
<input data-checkbox-group="2" type="checkbox" id="test3" /> 
<label for="test3">test3</label> 
<input data-checkbox-group="2" type="checkbox" id="test4" /> 
<label for="test4">test4</label> 

http://codepen.io/nicholasabrams/pen/mJqyqG