Come deselezionare la casella di controllo utilizzando la libreria uniforme di jQuery

Ho un problema con deselezionando a checkbox. Dai un'occhiata al mio jsFiddle , dove sto provando:

   $("#check2").attr("checked", true);

Uso l' uniforme per lo styling di checkboxe semplicemente non funziona per selezionare / deselezionare il checkbox.

Qualche idea?

Guardando i loro documenti, hanno una $.uniform.updatefunzione per aggiornare un elemento "uniforme".

Esempio: http://jsfiddle.net/r87NH/4/

$("input:checkbox").uniform();

$("body").on("click", "#check1", function () {
    var two = $("#check2").attr("checked", this.checked);
    $.uniform.update(two);
});

Una soluzione più semplice è fare questo invece di usare l'uniforme:

$('#check1').prop('checked', true); // will check the checkbox with id check1
$('#check1').prop('checked', false); // will uncheck the checkbox with id check1

Ciò non attiverà alcuna azione di clic definita.

Puoi anche usare:

$('#check1').click(); // 

Questo attiva / disattiva il segno di spunta per la casella, ma attiverà anche qualsiasi azione clic definita. Perciò stai attento.

MODIFICA : jQuery 1.6+ prop()non utilizza il attr()valore selezionato per le caselle di controllo

$("#chkBox").attr('checked', false); 

Questo ha funzionato per me, deselezionerà la casella di controllo. Allo stesso modo possiamo usare

$("#chkBox").attr('checked', true); 

per selezionare la casella.

Se stai usando l' uniforme 1.5, usa questo semplice trucco per aggiungere o rimuovere l'attributo di check
Aggiungi semplicemente value = "check" nel campo di input della tua casella.
Aggiungere questo codice in uniform.js> function doCheckbox(elem){>.click(function(){

if ( $(elem+':checked').val() == 'check' ) {
    $(elem).attr('checked','checked');           
}
else {
    $(elem).removeAttr('checked');
}   

se non desideri aggiungere value = "check" nella casella di input perché in alcuni casi aggiungi due caselle di controllo, utilizza questa opzione

if ($(elem).is(':checked')) {
 $(elem).attr('checked','checked');
}    
else
{    
 $(elem).removeAttr('checked');
}

Se stai usando l' uniforme 2.0, usa questo semplice trucco per aggiungere o rimuovere l'attributo di check
in questo classUpdateChecked($tag, $el, options) {cambio di funzione

if ($el.prop) {
    // jQuery 1.6+
    $el.prop(c, isChecked);
}

Per

if ($el.prop) {
    // jQuery 1.6+
    $el.prop(c, isChecked);
    if (isChecked) {
        $el.attr(c, c);
    } else {
        $el.removeAttr(c);
    }

}

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

Questo ha funzionato per me.

Basta fare questo:

$('#checkbox').prop('checked',true).uniform('refresh');

è necessario chiamare $.uniform.update()se si aggiorna l'elemento usando JavaScript come indicato nella documentazione.

Prima di tutto, checkedpuò avere un valore checkedo una stringa vuota.

$("input:checkbox").uniform();

$('#check1').live('click', function() {
    $('#check2').attr('checked', 'checked').uniform();
});

In alcuni casi è possibile utilizzare questo:

$('.myInput').get(0).checked = true

Per attivare / disattivare è possibile utilizzare se altro con la funzione

L'altro modo di fare è,

uso $('#check2').click();

questo fa sì che l'uniforme controlli la casella e aggiorni le sue maschere

casella di controllo che si comporta come radio btn

$(".checkgroup").live('change',function() { var previous=this.checked; $(".checkgroup).attr("checked", false); $(this).attr("checked", previous); });