Deaktivieren des Kontrollkästchens mithilfe der jQuery Uniform-Bibliothek

Ich habe ein Problem mit dem Deaktivieren von a checkbox. Schauen Sie sich meine jsFiddle an , wo ich versuche:

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

Ich benutze Uniform für das Styling checkboxund es funktioniert einfach nicht zu / deaktivieren Sie überprüfen das checkbox.

Irgendwelche Ideen?

Wenn sie sich ihre Dokumente ansehen, haben sie eine $.uniform.updateFunktion zum Aktualisieren eines "uniformierten" Elements.

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

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

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

Eine einfachere Lösung besteht darin, dies zu tun, anstatt Uniform zu verwenden:

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

Dies löst keine definierte Klickaktion aus.

Sie können auch verwenden:

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

Dadurch wird das Kontrollkästchen für das Kontrollkästchen aktiviert / deaktiviert, aber es wird auch jede von Ihnen definierte Klickaktion ausgelöst. Also sei vorsichtig.

EDIT : jQuery 1.6 + Anwendungenprop() nicht attr()für Kontrollkästchen aktiviert Wert

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

Dies hat bei mir funktioniert. Dadurch wird das Kontrollkästchen deaktiviert. Auf die gleiche Weise können wir verwenden

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

um das Kontrollkästchen zu aktivieren.

Wenn Sie Uniform 1.5 verwenden, verwenden Sie diesen einfachen Trick, um das Kontrollattribut hinzuzufügen oder zu entfernen. Fügen Sie
einfach den Wert = "check" in das Eingabefeld Ihres Kontrollkästchens ein.
Fügen Sie diesen Code in uniform.js> function doCheckbox(elem){>.click(function(){

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

Wenn Sie in Ihrem Eingabefeld nicht value = "check" hinzufügen möchten, weil Sie in einigen Fällen zwei Kontrollkästchen hinzufügen, verwenden Sie diese Option

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

Wenn Sie Uniform 2.0 verwenden, verwenden Sie diesen einfachen Trick, um das Prüfattribut
in dieser classUpdateChecked($tag, $el, options) {Funktionsänderung hinzuzufügen oder zu entfernen

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

Zu

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

Das hat bei mir funktioniert.

Mach das einfach:

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

Sie müssen aufrufen, $.uniform.update()wenn Sie das Element mit Javascript aktualisieren, wie in der Dokumentation erwähnt.

Erstens checkedkann es einen Wert von checkedoder eine leere Zeichenfolge haben.

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

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

In einigen Fällen können Sie Folgendes verwenden:

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

Zum Umschalten können Sie if else mit Funktion verwenden

Der andere Weg ist,

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

Dies führt dazu, dass Uniform das Kontrollkästchen aktiviert und die Masken aktualisiert

Kontrollkästchen, das sich wie Radio BTN verhält

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