Comment décocher la case à l'aide de la bibliothèque jQuery Uniform

J'ai un problème en décochant un fichier checkbox. Jetez un œil à mon jsFiddle , où je tente:

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

J'utilise l' uniforme pour styliser le checkboxet cela ne fonctionne tout simplement pas pour cocher / décocher le checkbox.

Des idées?

En regardant leurs documents, ils ont une $.uniform.updatefonctionnalité pour rafraîchir un élément "en uniforme".

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

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

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

Une solution plus simple consiste à faire cela plutôt que d'utiliser uniform:

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

Cela ne déclenchera aucune action de clic définie.

Vous pouvez aussi utiliser:

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

Cela basculera la coche / décocher la case à cocher, mais cela déclenchera également toute action de clic que vous avez définie. Donc sois prudent.

EDIT : jQuery 1.6+ utilise la valeur prop()non attr()cochée pour les cases à cocher

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

Cela a fonctionné pour moi, cela va décocher la case. De la même manière que nous pouvons utiliser

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

pour cocher la case.

Si vous utilisez l' uniform 1.5, utilisez cette astuce simple pour ajouter ou supprimer l'attribut de check.
Ajoutez simplement value = "check" dans le champ de saisie de votre case à cocher.
Ajouter ce code dans uniform.js> function doCheckbox(elem){>.click(function(){

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

si vous ne voulez pas ajouter value = "check" dans votre zone de saisie car dans certains cas vous ajoutez deux cases à cocher alors utilisez ceci

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

Si vous utilisez uniform 2.0, utilisez cette astuce simple pour ajouter ou supprimer un attribut de vérification
dans ce classUpdateChecked($tag, $el, options) {changement de fonction

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

À

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(); 

Cela a fonctionné pour moi.

Faites juste ceci:

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

vous devez appeler $.uniform.update()si vous mettez à jour l'élément en utilisant javascript comme mentionné dans la documentation.

Tout d'abord, checkedpeut avoir une valeur de checked, ou une chaîne vide.

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

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

Dans certains cas, vous pouvez utiliser ceci:

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

Pour basculer, vous pouvez utiliser if else avec la fonction

L'autre façon de faire est,

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

cela oblige l'uniforme à cocher la case et à mettre à jour ses masques

case à cocher qui agit comme radio btn

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