patikrinti / panaikinti žymės langelį naudojant jquery?

Puslapyje turiu keletą įvesties teksto laukų ir jų reikšmes rodau naudodamas "JavaScript".

Naudoju .set("value","") funkciją, kad galėčiau redaguoti reikšmę, pridėti papildomą žymės langelio lauką ir perduoti reikšmę.

Šiuo atveju noriu patikrinti, kad jei value == 1, šis žymimasis langelis turėtų būti pažymėtas. Priešingu atveju jis turėtų likti nepažymėtas.

Tai padariau naudodamas du divus, bet man tai nepatinka, ar yra koks nors kitas sprendimas?

if(value == 1) {
    $('#uncheck').hide();
    $('#check').show();
} else{
    $('#uncheck').show();
    $('#check').hide();
}
Aniket G
Redaguotas klausimas popietr kovas 2019 в 11:51
Programavimas
jquery jquery-ui
priešpietr liepa 2013 в 8:09
9 peržiūros
Sprendimas

JQuery 1.6+ :

.attr() nebenaudojama savybėms; vietoj jos naudokite naująją .prop() funkciją, nes:

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

Dėl jQuery < 1.6:

Jei norite pažymėti/atšaukti žymimąjį langelį, naudokite atributą checked ir jį pakeiskite. Naudodami jQuery galite daryti:

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

Nes žinote, kad HTML kalba tai atrodytų maždaug taip:

<input type="checkbox" id="myCheckbox" checked="checked" /> 
<input type="checkbox" id="myCheckbox" />

Tačiau negalite pasitikėti .attr() metodu, kad gautumėte žymimojo langelio reikšmę (jei to reikia). Turėsite pasikliauti .prop() metodu.

Christopher Taylor
Redaguotas atsakymas priešpietr sausis 2018 в 9:14
Komentarai (16)

Tam galite naudoti prop(), nes iki jQuery 1.6, .attr() metodas kartais atsižvelgdavo į savybių reikšmes, kai buvo gaunamos kai kurios savybės, ir tai galėjo sukelti nenuoseklų elgesį. Nuo jQuery 1.6** metodas .prop() suteikia galimybę aiškiai gauti savybių vertes, o .attr() - atributus.

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

arba tiesiog,

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

Snippet

$(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">
Rohan Kumar
Redaguotas atsakymas priešpietr sausis 2017 в 4:35
Komentarai (0)

Galite nustatyti žymimojo langelio būseną pagal reikšmę:

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