seleziona / deseleziona la casella di controllo usando jquery?


Answers

Puoi usare .prop() per questo, come prima di jQuery 1.6 , il metodo .attr() volte prendeva in considerazione i valori delle proprietà quando recuperava alcuni attributi, il che poteva causare un comportamento incoerente. A partire da jQuery 1.6 , il metodo .prop() fornisce un modo per recuperare esplicitamente i valori delle proprietà, mentre .attr() recupera gli attributi.

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

o semplicemente,

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

Frammento

$(document).ready(function() {
  var chkbox = $('.customcheckbox');
  $(".customvalue").keyup(function() {
    chkbox.prop('checked', this.value==1);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<h4>This is a domo to show check box is checked
if you enter value 1 else check box will be unchecked </h4>
Enter a value:
<input type="text" value="" class="customvalue">
<br>checkbox output :
<input type="checkbox" class="customcheckbox">

Question

Questa domanda ha già una risposta qui:

Ho alcuni campi di testo di input nella mia pagina, sto visualizzando i loro valori usando la funzione setVal di javascript per modificare, ho aggiunto un campo di checkbox in più, ho passato un valore,

Qui voglio controllare che se value == 1 , questa casella di controllo dovrebbe essere selezionata altrimenti deselezionata,

L'ho fatto usando due div, ma non mi sento a mio agio, c'è qualche altra soluzione?

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



Related