Paano mag-check kung ang jQuery ay naka-check?

Kai>checked property ng bandila at magsagawa ng isang aksyon na batay sa na-verify na ari-arian gamit ang jQuery.

Halimbawa, kung naka-check ang checkbox ng edad, kai>

Ngunit ang sumusunod na code ay nagbabalik ng false pamamagitan ng default:

 if ($('#isAgeSelected').attr('checked')) { $("#txtAge").show(); } else { $("#txtAge").hide(); } 

Paano matagumpay na makuha ang naka- checked property?

3928
23 мая '09 в 18:16 2009-05-23 18:16 Prasad ay ibinigay sa May 23 '09 sa 18:16 2009-05-23 18:16
@ 58 sagot
  • 1
  • 2

Nagtrabaho ito para sa akin:

 $get("isAgeSelected ").checked == true 

Kung saan isAgeSelected ay ang control ID.

Bukod pa rito, ang sagot ng @ karim79 ay gumagana nang maayos. Hindi ko sigurado kung ano ang napalampas ko kapag sinubukan ko ito.

Tandaan Ang sagot na ito ay gumagamit ng Microsoft Ajax, hindi jQuery.

83
24 мая '09 в 8:30 2009-05-24 08:30 ang sagot ay ibinigay Prasad 2009-05-24 08:30

Paano ko maipapatupad ang isang kahilingan para sa isang na-verify na ari-arian?

Ang naka- checked ari-arian ng elemento ng checkbox ng DOM ay magbibigay sa iyo ng checked estado ng item.

Dahil sa iyong umiiral na code, magagawa mo ito:

 if(document.getElementById('isAgeSelected').checked) { $("#txtAge").show(); } else { $("#txtAge").hide(); } 
border=0

Gayunpaman, mayroong isang mas magandang paraan upang gawin ito gamit ang toggle :

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" id="isAgeSelected"/> <div id="txtAge" style="display:none">Age is something</div> 
3106
23 мая '09 в 18:20 2009-05-23 18:20 ang sagot ay ibinigay sa pamamagitan ng karim79 sa Mayo 23, 2009 sa 18:20 2009-05-23 18:20

Gamitin ang jQuery ay () function:

 if($("#isAgeSelected").is(':checked')) $("#txtAge").show(); // checked else $("#txtAge").hide(); // unchecked 
1553
22 июня '11 в 13:14 2011-06-22 13:14 ang sagot ay ibinigay kay Bhanu Krishnan noong Hunyo 22nd '11 sa 1:14 pm 2011-06-22 13:14

Paggamit ng jQuery> 1.6

 <input type="checkbox" value="1" name="checkMeOut" id="checkMeOut" checked="checked" /> // traditional attr $('#checkMeOut').attr('checked'); // "checked" // new property method $('#checkMeOut').prop('checked'); // true 

Gamit ang bagong paraan ng ari-arian:

 if($('#checkMeOut').prop('checked')) { // something when checked } else { // something else when not } 
474
23 июня '11 в 20:29 2011-06-23 20:29 ang sagot ay ibinigay ni SeanDowney noong Hunyo 23 '11 sa 20:29 2011-06-23 20:29

jQuery 1.6 +

 $('#isAgeSelected').prop('checked') 

jQuery 1.5 at sa ibaba

 $('#isAgeSelected').attr('checked') 

Anumang jQuery na bersyon

 // Assuming an event handler on a checkbox if (this.checked) 

Ang lahat ng mga pautang ay Xian .

179
20 мая '14 в 23:03 2014-05-20 23:03 ang sagot ay ibinigay ungalcrys Mayo 20 '14 sa 23:03 2014-05-20 23:03

Gagamitin ko ito at ito ay gumagana ganap na multa:

 $("#checkkBoxId").attr("checked") ? alert("Checked") : alert("Unchecked"); 

Tandaan Kung naka-check, ito ay babalik totoo kung hindi man kung hindi man ay hindi natukoy, kaya pinakamahusay na suriin ang halaga TRUE.

149
19 авг. Ang sagot ay binibigyan ng Pradeep 19 aug. 2010-08-19 16:38 '10 sa 16:38 2010-08-19 16:38

Gamitin ang:

 <input type="checkbox" name="planned_checked" checked id="planned_checked"> Planned $("#planned_checked").change(function() { if($(this).prop('checked')) { alert("Checked Box Selected"); } else { alert("Checked Box deselect"); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <input type="checkbox" name="planned_checked" checked id="planned_checked"> Planned 
117
29 авг. ang sagot ay ibinigay Lalji Dhameliya 29 aug. 2016-08-29 14:38 '16 sa 14:38 2016-08-29 14:38

Dahil jQuery 1.6, ang pag-uugali ng jQuery.attr() ay nagbago, at ang mga gumagamit ay pinapayuhan na huwag gamitin ito upang mabawi ang estado na minarkahan ng isang elemento. Sa halip, dapat mong gamitin ang jQuery.prop() :

 $("#txtAge").toggle( $("#isAgeSelected").prop("checked") // For checked attribute it returns true/false; // Return value changes with checkbox state ); 

Dalawang iba pang mga tampok:

 $("#txtAge").get(0).checked $("#txtAge").is(":checked") 
106
27 апр. ang sagot ay ibinigay ni Salman A 27 apr. 2012-04-27 14:54 '12 sa 2:54 pm 2012-04-27 14:54

Kung gumagamit ka ng isang na-update na bersyon ng jquery, dapat kang pumunta para sa .prop paraan upang malutas ang iyong problema:

$('#isAgeSelected').prop('checked') ay true kung nasuri, at false kung hindi nakatakda. Kinumpirma ko na ito at tumakbo ako sa isyung ito nang mas maaga. $('#isAgeSelected').attr('checked') at $('#isAgeSelected').is('checked') nagbabalik ng hindi undefined , na hindi magandang sagot sa sitwasyon. Gawin tulad ng ipinapakita sa ibaba.

 if($('#isAgeSelected').prop('checked')) { $("#txtAge").show(); } else { $("#txtAge").hide(); } 

Sana nakakatulong ito :) - Salamat po.

80
25 авг. sumagot na ibinigay ni Rajesh Omanakuttan 25 aug. 2013-08-25 06:11 '13 sa 6:11 ng umaga 2013-08-25 06:11

Ang paggamit ng pag- Click kaganapan ng handler para sa checkbox property ay hindi kapani-paniwala, dahil ang naka- checked ari-arian ay maaaring magbago sa panahon ng pagpapatupad ng handler ng kaganapan mismo!

Sa isip, gusto mong ilagay ang iyong code sa isang change handler ng kaganapan, halimbawa, ito ay tumatakbo sa bawat oras na ang halaga ng pagbabago ng bandila (gaano man ito tapos na).

 $('#isAgeSelected').bind('change', function () { if ($(this).is(':checked')) $("#txtAge").show(); else $("#txtAge").hide(); }); 
55
06 окт. ang sagot ay ibinigay arviman 06 oct. 2011-10-06 04:12 '11 sa 4:12 sa 2011-10-06 04:12

Nagpasya ako na mag-post ng isang sagot kung paano gawin ang parehong wa>

 var ageCheckbox = document.getElementById('isAgeSelected'); var ageInput = document.getElementById('txtAge'); // Just because of IE <333 ageCheckbox.onchange = function() { // Check if the checkbox is checked, and show/hide the text field. ageInput.hidden = this.checked ? false : true; }; 

Una makuha mo ang parehong mga item sa pamamagitan ng kani>onchange event sa isang function na nagsusuri kung ang checkbox ay naka-check at itinakda ang hidden property ng pat>

Narito mayroon kang isang biyolin upang suriin ito.

Magdagdag

Kung ang problema sa cross-browser ay isang problema, minumungkahi ko ang pagtatakda ng property ng CSS display sa wala at inline.

 elem.style.display = this.checked ? 'inline' : 'none'; 

Mas mabagal ngunit katugmang cross-browser.

50
20 марта '12 в 22:19 2012-03-20 22:19 ang sagot ay ibinigay ni Octavian Damiean noong Marso 20 '12 sa 10:19 2012-03-20 22:19

Sa palagay ko maaari mong gawin ito:

 if ($('#isAgeSelected :checked').size() > 0) { $("#txtAge").show(); } else { $("#txtAge").hide(); } 
40
23 мая '09 в 18:34 2009-05-23 18:34 ang sagot ay ibinigay xenon Mayo 23, '09 sa 18:34 2009-05-23 18:34

Maraming mga paraan upang masuri kung naka-check ang checkbox:

JQuery validation method

 if (elem.checked) if ($(elem).prop("checked")) if ($(elem).is(":checked")) if ($(elem).attr('checked')) 

Tingnan ang isang halimbawa o dokumento:

38
14 окт. sumagot na ibinigay sa Parth Chavda Oktubre 14. 2014-10-14 10:48 '14 sa 10:48 2014-10-14 10:48

Nagpatakbo ako sa parehong problema. Sinuri ko ang ASP.NET

 <asp:CheckBox ID="chkBox1" CssClass='cssChkBox1' runat="server" /> 

Sa jQuery code, ginamit ko ang sumusunod na tagapili upang suriin kung ang check box ay naka-check o hindi, at mukhang ito ay gumagana tulad ng isang alindog.

 if ($("'.cssChkBox1 input[type=checkbox]'").is(':checked')) { ... } else { ... } 

Ako sigurado maaari mo ring gamitin ang ID sa halip ng CssClass,

 if ($("'#cssChkBox1 input[type=checkbox]'").is(':checked')) { ... } else { ... } 

Hope na ito ay tumutulong sa iyo.

37
16 дек. Ang sagot ay ibinigay Nertim Disyembre 16. 2010-12-16 21:50 '10 sa 21:50 2010-12-16 21:50

Ito ay gumagana para sa akin:

  $("#isAgeSelected").click(function(){ $(this).is(':checked') ? $("#txtAge").show() : $("#txtAge").hide(); }); 
35
06 янв. ang sagot ay binibigyan ashish amatya 06 jan. 2011-01-06 14:33 '11 sa 14:33 2011-01-06 14:33

Ito ay isa pang paraan upang gawin ang parehong:

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <input type="checkbox" id="isAgeSelected"/> <div id="txtAge" style="display:none">Age is something</div> 
33
24 авг. ang sagot ay ibinigay Sangeet Shah 24 aug. 2015-08-24 15:19 '15 sa 15:19 2015-08-24 15:19

Ang aking paraan upang gawin ito ay:

 if ( $("#checkbox:checked").length ) { alert("checkbox is checked"); } else { alert("checkbox is not checked"); } 
30
06 февр. Ang sagot ay binigyan ng Dalius I Pebrero 6. 2012-02-06 17:31 '12 sa 5:31 ng hapon 2012-02-06 17:31
 $(document).ready(function() { $('#agecheckbox').click(function() { if($(this).is(":checked")) { $('#agetextbox').show(); } else { $('#agetextbox').hide(); } }); }); 
30
25 нояб. Sagot na ibinigay ng Jumper Pot Nobyembre 25. 2014-11-25 15:25 '14 sa 15:25 2014-11-25 15:25

Maaari mong gamitin ang code na ito:

 $('#isAgeSelected').click(function(){ console.log(this.checked); if(this.checked == true) { $("#txtAge").show(); } else { $("#txtAge").hide(); } }); 
30
13 окт. sagot na ibinigay ni sandeep kumar Oct 13 2016-10-13 09:03 '16 sa 9:03 ng 2016-10-13 09:03
 $(selector).attr('checked') !== undefined 

Bumabalik true kung ang input ay napatotohanan at false kung hindi.

30
12 февр. ang sagot ay ibinigay fe_lix_ 12 Peb. 2012-02-12 18:15 '12 sa 6:15 pm 2012-02-12 18:15

Gamitin ito:

 if ($('input[name="salary_in.Basic"]:checked').length > 0) 

Kung naka-check, ang haba ay mas malaki kaysa sa zero.

29
27 июля '16 в 12:46 2016-07-27 12:46 ang sagot ay ibinigay ng Hamid NK noong Hulyo 27 '16 sa 12:46 2016-07-27 12:46

Maaari mong gamitin ang:

  if(document.getElementById('isAgeSelected').checked) $("#txtAge").show(); else $("#txtAge").hide(); 

 if($("#isAgeSelected").is(':checked')) $("#txtAge").show(); else $("#txtAge").hide(); 

Parehong dapat gumana.

28
28 апр. Ang sagot ay ibinigay ni Muhammad Awais 28 Abril 2016-04-28 15:07 '16 sa 15:07 2016-04-28 15:07

Ang halimbawang ito ay para sa pindutan.

Subukan ang mga sumusunod:

 <input type="button" class="check" id="checkall" value="Check All" />  <input type="button" id="remove" value="Delete" /> <br/> <input type="checkbox" class="cb-element" value="1" /> Checkbox 1 <br/> <input type="checkbox" class="cb-element" value="2" /> Checkbox 2 <br/> <input type="checkbox" class="cb-element" value="3" /> Checkbox 3 <br/> $('#remove').attr('disabled', 'disabled'); $(document).ready(function() { $('.cb-element').click(function() { if($(this).prop('checked')) { $('#remove').attr('disabled', false); } else { $('#remove').attr('disabled', true); } }); $('.check:button').click(function() { var checked = !$(this).data('checked'); $('input:checkbox').prop('checked', checked); $(this).data('checked', checked); if(checked == true) { $(this).val('Uncheck All'); $('#remove').attr('disabled', false); } else if(checked == false) { $(this).val('Check All'); $('#remove').attr('disabled', true); } }); }); 
24
03 янв. ang sagot ay ibinigay sa pamamagitan ng usayee Jan 03 2014-01-03 13:38 '14 sa 13:38 2014-01-03 13:38

Ang pangunahing sagot ay hindi ginawa ito para sa akin. Nangyari ito bagaman:

 <script type="text/javascript"> $(document).ready(function(){ $("#li_13").click(function(){ if($("#agree").attr('checked')){ $("#saveForm").fadeIn(); } else { $("#saveForm").fadeOut(); } }); }); </script> 

Karaniwang, kapag ang # li_13 na elemento ay na-click, sinusuri nito kung ang sangkap # (kung saan ay ang checkbox) ay sumasang-ayon sa .attr('checked') . Kung ito ay pagkatapos ay ang fadeIn elemento #saveForm, at kung hindi ang fadeOut elemento saveForm.

23
10 дек. Ang sagot ay ibinigay MDMoore313 Disyembre 10. 2012-12-10 08:02 '12 sa 8:02 2012-12-10 08:02

1) Kung ang iyong HTML markup:

 <input type="checkbox" /> 

attr:

 $(element).attr("checked"); // Will give you undefined as initial value of checkbox is not set 

Kung ginagamit ang pan:

 $(element).prop("checked"); // Will give you false whether or not initial value is set 

2) Kung ang iyong HTML markup:

  <input type="checkbox" checked="checked" />// May be like this also checked="true" 

attr:

 $(element).attr("checked") // Will return checked whether it is checked="true" 

Ginamit na Prop:

 $(element).prop("checked") // Will return true whether checked="checked" 
23
30 окт. ang sagot ay ibinigay ng Somnath Kharat 30 Oktubre. 2013-10-30 15:43 '13 sa 15:43 2013-10-30 15:43

Lumipat: 0/1 o higit pa

 <input type="checkbox" id="nolunch" /> <input id="checklunch />" $('#nolunch').change(function () { if ($(this).is(':checked')) { $('#checklunch').val('1'); }; if ($(this).is(':checked') == false) { $('#checklunch').val('0'); }; }); 
21
08 янв. sagot na ibinigay ng user2385302 Enero 08 2015-01-08 16:10 '15 sa 16:10 2015-01-08 16:10

Ginagamit ko ito:

  <input type="checkbox" id="isAgeSelected" value="1" /> <br/> <input type="textbox" id="txtAge" /> $("#isAgeSelected").is(':checked') ? $("#txtAge").show() : $("#txtAge").hide(); 
19
06 сент. Ang sagot ay ibinigay ni Nishant Kumar Sep 06 2013-09-06 09:43 '13 sa 9:43 2013-09-06 09:43

Kahit na iminungkahi mo ang isang JavaScript na solusyon para sa iyong problema (ang textbox ipinapakita kapag ang checkbox ay naka- checked ), ang problemang ito ay malulutas lamang sa tulong ng css . Sa diskarte na ito, gumagana ang iyong form para sa mga gumagamit na hindi pinagana ang JavaScript.

Sa pag-aakala mayroon kang sumusunod na HTML:

 <label for="show_textbox">Show Textbox</label> <input id="show_textbox" type="checkbox" /> <input type="text" /> 

Maaari mong gamitin ang sumusunod na CSS upang makamit ang ninanais na pag-andar:

  #show_textbox:not(:checked) + input[type=text] {display:none;} 

Sa iba pang mga sitwasyon, maaari mong isipin ang tungkol sa mga naaangkop na tagapili ng CSS.

Narito ang isang script na nagpapakita ng diskarte na ito .

19
22 авг. Ang sagot ay ibinigay ni Ormoz noong Agosto 22. 2015-08-22 22:09 '15 sa 10:09 pm 2015-08-22 22:09
 if($("#checkkBoxId").is(':checked')){ alert("Checked=true"); } 

o

 if($("#checkkBoxId").attr('checked') == true){ alert("checked=true"); } 
16
10 июня '13 в 16:12 2013-06-10 16:12 ang sagot ay ibinigay ng ijarlax Hunyo 10 '13 sa 16:12 2013-06-10 16:12

Tiyak na hindi ito isang uri ng paghahayag, ngunit hindi ko nakita ang lahat ng ito sa isang halimbawa:

Tagapili para sa lahat ng naka-check na mga kahon (sa pahina):

 $('input[type=checkbox]:checked') 
15
15 нояб. Ang sagot ay ibinigay Tsonev 15 nov. 2013-11-15 13:50 '13 sa 13:50 2013-11-15 13:50
  • 1
  • 2

Iba pang mga katanungan tungkol sa tag o Magtanong ng isang katanungan