Aktivieren / Deaktivieren des Kontrollkästchens mit jquery?

Ich habe einige Eingabetextfelder in meiner Seite, ich zeige ihre Werte mit Javascript setVal function zu bearbeiten, ich fügte ein zusätzliches Kontrollkästchen Feld hinzu, ich habe einen Wert übergeben,

Hier möchte ich überprüfen, ob if value == 1 , dann sollte dieses Kontrollkästchen deaktiviert sein, ansonsten deaktiviert ist,

Ich habe das mit zwei Divs gemacht, aber ich fühle mich nicht wohl dabei. Gibt es eine andere Lösung?

 if(value == 1) { $('#uncheck').hide(); $('#check').show(); } else{ $('#uncheck').show(); $('#check').hide(); } 

Für jQuery 1.6+:

.attr () ist für Eigenschaften veraltet; Verwenden Sie stattdessen die neue function .prop () als:

 $('#myCheckbox').prop('checked', true); // Checks it $('#myCheckbox').prop('checked', false); // Unchecks it 

Für jQuery <1.6:

Um ein Kontrollkästchen zu aktivieren / deaktivieren, verwenden Sie das Attribut checked und ändern Sie das. Mit jQuery können Sie:

 $('#myCheckbox').attr('checked', true); // Checks it $('#myCheckbox').attr('checked', false); // Unchecks it 

Weil du weißt, in HTML würde es ungefähr so ​​aussehen:

     

Sie können der Methode .attr () jedoch nicht vertrauen, um den Wert des Kontrollkästchens zu erhalten (falls erforderlich). Sie müssen sich auf die Methode .prop () verlassen .

Sie können hierzu prop () verwenden , da die Methode .attr () bei der Abfrage einiger Attribute manchmal die Eigenschaftswerte berücksichtigte, was zu inkonsistentem Verhalten führen konnte. Ab jQuery 1.6 bietet die .prop() -Methode eine Möglichkeit zum expliziten Abrufen von Eigenschaftswerten, während .attr() Attribute abruft.

 var prop=false; if(value == 1) { prop=true; } $('#checkbox').prop('checked',prop); 

oder einfach,

 $('#checkbox').prop('checked',(value == 1)); 

Ausschnitt

 $(document).ready(function() { var chkbox = $('.customcheckbox'); $(".customvalue").keyup(function() { chkbox.prop('checked', this.value==1); }); }); 
  

This is a domo to show check box is checked if you enter value 1 else check box will be unchecked

Enter a value:
checkbox output :

Sie können den Status des Kontrollkästchens basierend auf dem Wert festlegen:

 $('#your-checkbox').prop('checked', value == 1);