JQuery-nin yoxlanılmasını yoxlamaq üçün necə?

checked bayraq əmlakını yoxlamaq və jQuery-dən istifadə edərək təsdiq edilmiş əmlaka əsasən bir hərəkət etmək lazımdır.

Məsələn, yaşa baxma qutusu yoxlanılırsa, yaşa daxil olmaq üçün mətn qutusunu göstərmək lazımdır, əksinə mətn qutusunu gizləyin.

Lakin aşağıdakı kod default olaraq false qaytarır:

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

Nəzarət olunan əmlakı necə müvəffəqiyyətlə əldə etmək olar?

3928
23 мая '09 в 18:16 2009-05-23 18:16 Prasad 23 may 09: 18-da saat 18: 16-da verilir
@ 58 cavab
  • 1
  • 2

Mənim üçün çalışdı:

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

isAgeSelected nəzarət isAgeSelected .

Bundan əlavə, @ karim79 cavab yaxşı işləyir. Mən test etdiyim zaman qaçırdığımdan əmin deyiləm.

Qeyd Cavab jQuery deyil, Microsoft Ajax istifadə edir.

83
24 мая '09 в 8:30 2009-05-24 08:30 Cavab Prasad 24 May 'da 08:30' da verilir

Doğrulanmış əmlakın istifadəsini necə həyata keçirə bilərəm?

DOM onay qutusunun checked əmlakı sizə maddənin checked vəziyyətini verəcəkdir.

Mövcud kodunuzu nəzərə alaraq bunu edə bilərsiniz:

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

Ancaq toggle istifadə edərək bunu etmək üçün daha gözəl bir yol var:

 <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 cavab 23 may 09: 18-də saat 18 : 02-karim79 tərəfindən verilmişdir

JQuery funksiyasından istifadə edin () funksiyası:

 if($("#isAgeSelected").is(':checked')) $("#txtAge").show(); // checked else $("#txtAge").hide(); // unchecked 
1553
22 июня '11 в 13:14 2011-06-22 13:14 cavab 22 iyun 2011-ci il saat 13:14 radələrində Bhanu Krishnan'a verilir. 2011-06-22 13:14

JQuery istifadə> 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 

Yeni mülk üsulunu istifadə edərək:

 if($('#checkMeOut').prop('checked')) { // something when checked } else { // something else when not } 
474
23 июня '11 в 20:29 2011-06-23 20:29 Cavab SeanDowney tərəfindən 23 İyun 'da 20:29' də verildi 2011-06-23 20:29

jQuery 1.6 +

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

jQuery 1.5 və aşağıda

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

Hər hansı bir jQuery versiyası

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

Bütün kreditlər Xian .

179
20 мая '14 в 23:03 2014-05-20 23:03 cavab 20-dən 14-ə, saat 23:03 radələrində verilir. 2014-05-20 23:03

Mən onu istifadə edirəm və tamamilə yaxşı işləyir:

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

Qeyd Nəzarətə alındıqda başqa bir şəkildə başqa bir şəkildə geri qaytarılacaq, beləliklə TRUE dəyərini yoxlamaq yaxşıdır.

149
19 авг. Cavab Pradeep 19 aug verilir . 2010-08-19 16:38 '10 at 16:38 2010-08-19 16:38

İstifadə edin:

 <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 авг. Cavab Lalji Dhameliya 29 avqustda verilir . 2016-08-29 14:38 '16 'da 14:38' də 2016-08-29 14:38 'də

JQuery 1.6-dan bəri jQuery.attr() davranışı dəyişdi və istifadəçilər bir elementlə qeyd olunan dövləti almaq üçün istifadə etməmələri tövsiyə olunur. Bunun əvəzinə, jQuery.prop() istifadə jQuery.prop() :

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

İki digər xüsusiyyətlər:

 $("#txtAge").get(0).checked $("#txtAge").is(":checked") 
106
27 апр. Cavab Salman A 27 apr tərəfindən verilir . 2012-04-27 14:54 '12 at 2:54 pm 2012-04-27 14:54

.prop yenilənmiş bir versiyasını istifadə edirsinizsə, probleminizi həll etmək üçün .prop üsulu ilə .prop :

$('#isAgeSelected').prop('checked') Əgər (əgər $('#isAgeSelected').prop('checked') təqdirdə true olur, yoxsa false varsa. Mən bunu təsdiqlədim və bu məsələyə daha əvvəl başladım. $('#isAgeSelected').attr('checked')$('#isAgeSelected').is('checked') undefined , bu vəziyyətə yaxşı cavab deyildir. Aşağıdakı kimi göstərin.

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

Bu kömək edir :) - Təşəkkür edirəm.

80
25 авг. Rajesh Omanakuttan tərəfindən verilən cavabı 25 Avqust. 2013-08-25 06:11 '13 saat 06:11 'da 2013-08-25 06:11

Nəzarət olunan əmlakın hadisə işəgötürəninin icrası zamanı dəyişə biləcəyi üçün, onay qutusunun əmlakı üçün Tədbir işləyicisini istifadə etməli deyildir!

İdeal olaraq, kodunuzu bir change hadisə işleyicisine qoymaq istəyirəm, məsələn, bayrağın dəyərini dəyişir (bu necə olursa olsun).

 $('#isAgeSelected').bind('change', function () { if ($(this).is(':checked')) $("#txtAge").show(); else $("#txtAge").hide(); }); 
55
06 окт. cavab 06 avqustda verilir . 2011-10-06 04:12 '11 'də 4: 12' də 2011-10-06 04:12 'də

JQuery olmadan eyni şəkildə necə bir cavab yazmağa qərar verdim. Çünki mən üsyan edirəm.

 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; }; 

Əvvəlcə hər iki maddəni öz idləri ilə alırsınız. Sonra onay kutusunun işaretlendiğini onchange bir funksiyaya bir onchange olayı atayın ve yaş metin alanının hidden onchange göre onchange . Bu nümunə üçqat operatoru istifadə edir.

Burada onu yoxlamaq üçün bir fiddle var.

Əlavə et

Çapraz brauzerinizin uyğunluğu bir problemdirsə, mən CSS display xüsusiyyətini heç və inline yerləşdirməyi təklif edirəm.

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

Yavaş olsa da cross-browser uyğun.

50
20 марта '12 в 22:19 2012-03-20 22:19 Cavab 20 Oktyabr 'da saat 10:19' da Octavian Damiean tərəfindən verilir 2012-03-20 22:19

Bunu edə biləcəyinizi düşünürəm:

 if ($('#isAgeSelected :checked').size() > 0) { $("#txtAge").show(); } else { $("#txtAge").hide(); } 
40
23 мая '09 в 18:34 2009-05-23 18:34 Cavab xenon 23 may '09 da 18:34 'də verildi 2009-05-23 18:34

Seçmə qutusunun yoxlanılmasını yoxlamaq üçün bir çox yol var:

JQuery qiymətləndirmə metodu

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

Bir nümunə və ya sənəd yoxlayın:

38
14 окт. Cümə axşamı Parda Chavda'ya cavab verdi . 2014-10-14 10:48 '14 at 10:48 2014-10-14 10:48

Eyni problemə qaçdım. ASP.NET'i yoxladım

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

JQuery kodunda, onay qutusunun yoxlanılıp yoxlanılmadığını yoxlamaq üçün aşağıdakı seçiciyi istifadə etdim və bu bir cazibə kimi işlədilir.

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

CssClass yerinə ID istifadə edə bilərsiniz əminəm,

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

Bu sizə kömək edir.

37
16 дек. Cavab Nertim 16 dekabr verilir. 2010-12-16 21:50 '10 at 21:50 2010-12-16 21:50

Mənim üçün çalışır:

  $("#isAgeSelected").click(function(){ $(this).is(':checked') ? $("#txtAge").show() : $("#txtAge").hide(); }); 
35
06 янв. cavab asshish amatya 06 jan verilir. 2011-01-06 14:33 '11 'da 14:33' de 2011-01-06 14:33

Eyni şeyi etmək üçün başqa bir yoldur:

 <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 авг. Cavab Sangeet Shah 24 avqustda verilir. 2015-08-24 15:19 '15 'da 15:19' de, 2015-08-24 15:19

Bunu etmək üçün mənim yolum:

 if ( $("#checkbox:checked").length ) { alert("checkbox is checked"); } else { alert("checkbox is not checked"); } 
30
06 февр. Cavab Dalius I 06 fevral. 2012-02-06 17:31 '12 at 5:31 pm 2012-02-06 17:31
 $(document).ready(function() { $('#agecheckbox').click(function() { if($(this).is(":checked")) { $('#agetextbox').show(); } else { $('#agetextbox').hide(); } }); }); 
30
25 нояб. Jumper Pot tərəfindən verilmiş cavab 25 noyabr. 2014-11-25 15:25 '14 da 15:25 2014-11-25 15:25

Bu kodu istifadə edə bilərsiniz:

 $('#isAgeSelected').click(function(){ console.log(this.checked); if(this.checked == true) { $("#txtAge").show(); } else { $("#txtAge").hide(); } }); 
30
13 окт. sandeep kumar tərəfindən verilmiş cavab 13 oktyabr 2016-10-13 09:03 '16 saat 09:03 'da 2016-10-13 09:03
 $(selector).attr('checked') !== undefined 

Giriş true olduqda və əgər olmadıqda false olur.

30
12 февр. cavab cümə axşamı verilir. 2012-02-12 18:15 '12 saat 06:15 'da 2012-02-12 18:15

Bunu istifadə edin:

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

Əgər yoxlanılırsa, uzunluq sıfırdan böyükdür.

29
27 июля '16 в 12:46 2016-07-27 12:46 cavab Hamid NK tərəfindən 27 iyul '16' saat 12:46 'də 2016-07-27 12:46' də verilir

Siz istifadə edə bilərsiniz:

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

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

Hər ikisi də işləməlidir.

28
28 апр. Cavab Məhəmməd Awais tərəfindən verilir 2016-04-28 15:07 '16 at 15:07 2016-04-28 15:07

Bu nümunə düyməyə aiddir.

Aşağıdakıları cəhd edin:

 <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 янв. Cavab 03 yanvar istifadəçi tərəfindən verilir 2014-01-03 13:38 '14 at 13:38 2014-01-03 13:38

Əsas cavabı mənim üçün belə etməyib. Buna baxmayaraq:

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

Əsasən, # li_13 elementi tıklandığında, element # (ki, onay qutusu) .attr('checked') funksiyası ilə razı olub olmadığını yoxlayır. Əgər bu fadeIn elementi #saveForm və əgər fadeOut elementi saxlayarsa.

23
10 дек. Cavab MDMoore313 10 dekabrda verilir. 2012-12-10 08:02 '12 at 8:02 2012-12-10 08:02

1) HTML formatlaşdırma:

 <input type="checkbox" /> 

attr:

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

Pervane istifadə edilirsə:

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

2) HTML formatlaşdırma:

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

attr:

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

Used Prop:

 $(element).prop("checked") // Will return true whether checked="checked" 
23
30 окт. Cavab Somnath Kharat tərəfindən 30 oct . 2013-10-30 15:43 '13 at 15:43 2013-10-30 15:43

Switch: 0/1 və ya daha çox

 <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 янв. İstifadəçi 2385302 yanvar 08-də verilən cavabı 2015-01-08 16:10 '15 at 16:10 2015-01-08 16:10

Mən bunu istifadə edirəm:

  <input type="checkbox" id="isAgeSelected" value="1" /> <br/> <input type="textbox" id="txtAge" /> $("#isAgeSelected").is(':checked') ? $("#txtAge").show() : $("#txtAge").hide(); 
19
06 сент. Cavab Nishant Kumar Sep 06 tərəfindən verilir 2013-09-06 09:43 '13 at 09:43 2013-09-06 09:43

Probleminiz üçün bir JavaScript həll təklif textbox də ( textbox checkbox göstərilir), bu problem yalnız css yardımıyla çözülebilir. Bu yanaşma ilə formunuz JavaScript-ni işə salmış istifadəçilər üçün işləyir.

Aşağıdakı HTML-si olduğunuzu nəzərə alsaq:

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

İstədiyiniz funksiyaya nail olmaq üçün aşağıdakı CSS-dən istifadə edə bilərsiniz:

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

Digər ssenarilərdə müvafiq CSS seçiciləri haqqında düşünə bilərsiniz.

Burada bu yanaşma nümayiş etdirən bir skriptdir .

19
22 авг. Cavab 22 avqustda Ormoz tərəfindən verilir . 2015-08-22 22:09 '15 at 10:09 pm 2015-08-22 22:09
 if($("#checkkBoxId").is(':checked')){ alert("Checked=true"); } 

və ya

 if($("#checkkBoxId").attr('checked') == true){ alert("checked=true"); } 
16
10 июня '13 в 16:12 2013-06-10 16:12 cavab iyarlax tərəfindən verilir 10 İyun 2013 16:12 2013-06-10 16:12

Əminəm ki, bu bir növ vahid deyil, amma bunları bir nümunədə görmədim:

Bütün qeyd olunan qutular üçün seçici (səhifə):

 $('input[type=checkbox]:checked') 
15
15 нояб. Cavab Tsonev 15 noyabrda verilir . 2013-11-15 13:50 '13 at 13:50 2013-11-15 13:50
  • 1
  • 2

tags ilə bağlı digər suallar və ya bir sual