दिलचस्प पोस्ट
निर्धारित मानदंड कैसे करें हम इंटरफेस का उपयोग क्यों करते हैं? क्या यह केवल मानकीकरण के लिए है? पायथन का उपयोग करके HTML को पार्स करना क्या फेसबुक एक ओपनआईडी प्रदाता है? मैं कैसे सी # में प्रत्येक विधि कॉल करने के लिए एक ट्रेस () जोड़ सकते हैं? लूपिंग AVPlayer मूल रूप से कैसे एजाक्स द्वारा दो पासवर्ड फ़ील्ड मान्य? पीएचपी पृष्ठों पर फॉर्म भेजने से बचें बाश में 2 डी सरणी कैसे घोषित करें एलएलडी, एलडी और डी टाइप आइडेंटिफ़ायर के साथ एक आकार_टी चर के printf एंड्रॉइड एप्लिकेशन के साथ मौजूदा डेटाबेस का उपयोग कैसे करें वस्तु खाली है? WPF बाइंडिंग का उपयोग करके दो कमांड पैरामीटर पास करना JQuery के साथ एक div की दृश्यमान ऊंचाई प्राप्त करें Angular.js इंटरसेप्टर के साथ HTTP 401 कैप्चर करें

कैसे चेक करें कि क्या चेकबॉक्स को चेक किया गया है jQuery में?

मुझे एक चेकबॉक्स checked जाँच की checked संपत्ति की जांच करनी चाहिए और jQuery का उपयोग कर चेक किए गए प्रॉपर्टी पर आधारित कार्य करना होगा।

उदाहरण के लिए, यदि उम्र चेकबॉक्स की जाँच की जाती है, तो मुझे उम्र दर्ज करने के लिए एक टेक्स्ट बॉक्स दिखाने की आवश्यकता है, और टेक्स्ट बॉक्स छिपाएं।

लेकिन निम्न कोड डिफ़ॉल्ट रूप से false देता है:

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

checked प्रॉपर्टी checked सफलतापूर्वक क्वेरी कैसे करूं?

वेब के समाधान से एकत्रित समाधान "कैसे चेक करें कि क्या चेकबॉक्स को चेक किया गया है jQuery में?"

चेक किए गए प्रॉपर्टी की सफलतापूर्वक क्वेरी कैसे करूं?

चेकबॉक्स DOM तत्व की चेक की checked संपत्ति आपको तत्व की checked की checked स्थिति देगा।

आपके मौजूदा कोड को देखते हुए, आप ऐसा कर सकते हैं:

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

हालांकि, toggle का उपयोग करते हुए ऐसा करने का एक बहुत ही सुंदर तरीका है:

 $('#isAgeSelected').click(function() { $("#txtAge").toggle(this.checked); }); 
 <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> 

JQuery का उपयोग करें () फ़ंक्शन:

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

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 

नई संपत्ति विधि का उपयोग करना:

 if($('#checkMeOut').prop('checked')) { // something when checked } else { // something else when not } 

jQuery 1.6+

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

jQuery 1.5 और नीचे

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

JQuery के किसी भी संस्करण

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

सभी क्रेडिट जियान को जाता है

मैं इसका उपयोग कर रहा हूं और यह बिल्कुल ठीक काम कर रहा है:

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

नोट: यदि चेकबॉक्स को चेक किया गया है, तो यह अन्यथा अपरिभाषित सच हो जाएगी, तो "TRUE" मान के लिए बेहतर जांच करें।

JQuery 1.6 के बाद से, jQuery.attr() का व्यवहार बदल गया है और उपयोगकर्ताओं को एक तत्व की जांच की गई स्थिति को पुनः प्राप्त करने के लिए इसका उपयोग नहीं करने के लिए प्रोत्साहित किया जाता है। इसके बजाय, आपको jQuery.prop() उपयोग करना चाहिए:

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

दो अन्य संभावनाएं हैं:

 $("#txtAge").get(0).checked $("#txtAge").is(":checked") 

यह मेरे लिए काम किया:

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

कहां है isAgeSelected से नियंत्रण का आईडी है

इसके अलावा, @ karim79 का उत्तर ठीक काम करता है मुझे यकीन नहीं है कि उस समय मैंने क्या परीक्षण किया, इसका परीक्षण किया।

ध्यान दें, यह जवाब माइक्रोसॉफ्ट अजाक्स का उपयोग करता है, न कि jQuery

यदि आप jquery का एक अद्यतन संस्करण का उपयोग कर रहे हैं, तो आपको अपनी समस्या को हल करने के लिए .prop विधि के लिए जाना चाहिए:

$('#isAgeSelected').prop('checked') अगर true और $('#isAgeSelected').prop('checked') अगर false तो true लौटाएगा। मैंने इसकी पुष्टि की और मैं इस मुद्दे पर पहले भी आया था। $('#isAgeSelected').attr('checked') और $('#isAgeSelected').is('checked') वापस undefined जो स्थिति के लिए एक योग्य जवाब नहीं है। तो नीचे दिए गए अनुसार करें

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

आशा है कि यह मदद करता है:) – धन्यवाद।

उपयोग:

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

चेक बॉक्स संपत्ति के लिए Click ईवेंट हैंडलर का प्रयोग करना अविश्वसनीय है, क्योंकि checked प्रॉपर्टी ईवेंट हैंडलर के निष्पादन के दौरान बदल सकती है!

आदर्श रूप से, आप अपने कोड को एक change ईवेंट हैंडलर में रखना चाहते हैं जैसे कि प्रत्येक बार चेक बॉक्स का मूल्य बदल दिया जाता है (यह कैसे किया जाता है इसके स्वतंत्र)।

 $('#isAgeSelected').bind('change', function () { if ($(this).is(':checked')) $("#txtAge").show(); else $("#txtAge").hide(); }); 

मैंने एक जवाब पोस्ट करने का निर्णय लिया, जिसमें बिना jQuery के सटीक एक ही चीज़ कैसे करें सिर्फ इसलिए कि मैं एक विद्रोही हूँ

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

पहले आपको दोनों तत्व उनके आईडी से मिलेंगे तब आप चेकबॉक्स के onchange इवेंट को एक फ़ंक्शन प्रदान करते हैं जो यह जांच करता है कि चेकबॉक्स की जांच हो गई है और उम्र पाठ फ़ील्ड की hidden संपत्ति ठीक से सेट की गई है। उस उदाहरण में टर्नरी ऑपरेटर का उपयोग कर।

आपके लिए यह परीक्षण करने के लिए यहां एक बेला है।

परिशिष्ट

अगर क्रॉस-ब्राउज़र संगतता एक समस्या है, तो मैं सीएसएस display प्रॉपर्टी को किसी और को इनलाइन करने का प्रस्ताव नहीं करता

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

धीमी लेकिन क्रॉस-ब्राउज़र संगत

मेरा मानना ​​है कि आप यह कर सकते हैं:

 if ($('#isAgeSelected :checked').size() > 0) { $("#txtAge").show(); } else { $("#txtAge").hide(); } 

मैं ठीक इसी मुद्दे पर भाग गया मेरे पास एक asp.net चेकबॉक्स है

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

JQuery कोड में मैंने चेक बॉक्स को चेक किया था या नहीं, यह जांचने के लिए निम्नलिखित चयनकर्ता का उपयोग किया था, और ऐसा लगता है कि यह जादू की तरह काम करता है

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

मुझे यकीन है कि आप CssClass के बजाय आईडी का भी उपयोग कर सकते हैं,

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

मैं आशान्वित हूं कि इससे आपको सहायता मिलेगी।

 $(selector).attr('checked') !== undefined 

यह true अगर इनपुट की जाँच की जाती है और false अगर यह नहीं है।

 $(document).ready(function() { $('#agecheckbox').click(function() { if($(this).is(":checked")) { $('#agetextbox').show(); } else { $('#agetextbox').hide(); } }); }); 

यह करने का मेरा तरीका है:

 if ( $("#checkbox:checked").length ) { alert("checkbox is checked"); } else { alert("checkbox is not checked"); } 

यह मेरे लिए काम करता है:

 /* isAgeSelected being id for checkbox */ $("#isAgeSelected").click(function(){ $(this).is(':checked') ? $("#txtAge").show() : $("#txtAge").hide(); }); 

जांचने के लिए कई तरीकों से जांच की जा सकती है या नहीं:

JQuery का उपयोग करने का तरीका

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

उदाहरण या दस्तावेज़ को भी देखें:

आप इस कोड का उपयोग कर सकते हैं:

 $('#isAgeSelected').click(function(){ console.log(this.checked); if(this.checked == true) { $("#txtAge").show(); } else { $("#txtAge").hide(); } }); 

आप उपयोग कर सकते हैं:

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

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

उन दोनों को काम करना चाहिए

1) यदि आपका HTML मार्कअप है:

 <input type="checkbox" /> 

एट्रर का इस्तेमाल किया:

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

यदि सहारा प्रयोग किया जाता है:

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

2) यदि आपका HTML मार्कअप है:

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

एट्रर का इस्तेमाल किया:

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

प्रोप का इस्तेमाल किया:

 $(element).prop("checked") // Will return true whether checked="checked" 

टॉगल करें: 0/1 या फिर

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

शीर्ष जवाब मेरे लिए ऐसा नहीं किया हालांकि यह किया था:

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

मूलतः जब तत्व # लीइ 33 क्लिक किया जाता है, तो यह जांचता है कि तत्व # सहमत (जो चेकबॉक्स है) की जाँच की जाती है .attr('checked') फ़ंक्शन का उपयोग करके। यदि यह तब #saveForm तत्व में फीका है, और यदि saveForm तत्व को फीका नहीं किया है

इसे इस्तेमाल करो:

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

अगर चेकबॉक्स की जाँच की जाती है तो लंबाई शून्य से अधिक है।

यह एक ही बात करने के लिए कुछ अलग विधि है:

 $(document).ready(function (){ $('#isAgeSelected').click(function() { // $("#txtAge").toggle(this.checked); // Using a pure CSS selector if ($(this.checked)) { alert('on check 1'); }; // Using jQuery's is() method if ($(this).is(':checked')) { alert('on checked 2'); }; // // Using jQuery's filter() method if ($(this).filter(':checked')) { alert('on checked 3'); }; }); }); 
 <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> 

यह उदाहरण बटन के लिए है

निम्न प्रयास करें:

 <input type="button" class="check" id="checkall" value="Check All" /> &nbsp; <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); } }); }); 

यद्यपि आपने अपनी समस्या के लिए एक जावास्क्रिप्ट समाधान प्रस्तावित किया है (एक checkbox प्रदर्शित होने पर एक textbox प्रदर्शित करना), इस समस्या को सीएसएस द्वारा हल किया जा सकता है। इस दृष्टिकोण के साथ, आपका फ़ॉर्म उन उपयोगकर्ताओं के लिए काम करता है जिन्होंने जावास्क्रिप्ट को निष्क्रिय कर दिया है।

मान लें कि आपके पास निम्न HTML है:

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

इच्छित कार्यक्षमता प्राप्त करने के लिए आप निम्न सीएसएस का उपयोग कर सकते हैं:

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

अन्य परिदृश्यों के लिए, आप उपयुक्त सीएसएस चयनकर्ताओं के बारे में सोच सकते हैं

इस दृष्टिकोण को प्रदर्शित करने के लिए यहां एक बेला है

 if($("#checkkBoxId").is(':checked')){ alert("Checked=true"); } 

या

 if($("#checkkBoxId").attr('checked') == true){ alert("checked=true"); } 

मैं इसका उपयोग कर रहा हूं:

  <input type="checkbox" id="isAgeSelected" value="1" /> <br/> <input type="textbox" id="txtAge" /> $("#isAgeSelected").is(':checked') ? $("#txtAge").show() : $("#txtAge").hide(); 

मुझे लगता है कि यह सरल होगा

 $('#isAgeSelected').change(function() { if($(this).is(":checked")) { $('#txtAge').show(); } else{ $('#txtAge').hide(); } });