मूल रूप से @ https://codeanddeploy.com पर पोस्ट किया गया है और नमूना कोड डाउनलोड करें:https://codeanddeploy.com/blog/jquery/how-to-check-if-radio-button-is-checked-or-selection-in -jquery
इस पोस्ट में, हम इस बारे में बात करेंगे कि कैसे जांचें कि आपका रेडियो बटन पहले से ही jQuery का उपयोग करके चेक किया गया है या नहीं। यह आमतौर पर तब लागू होता है जब आप अतिरिक्त जांच के साथ फॉर्म कर रहे हों। यह आपके सर्वर-साइड पर सबमिट करने से पहले यह निर्धारित करने में सहायक होता है कि कौन सा रेडियो बटन चेक किया गया है। आपकी आवश्यकताओं के लिए उपयुक्त चुनने और लागू करने के लिए मैं आपके लिए 3 तरीके साझा करूंगा।
विधि #1
अगर चेक किया गया है तो यह निर्धारित करने के लिए :चेक किए गए चयनकर्ता और वैल () के साथ कथन का उपयोग करके जांचें
// Method #1 - check using if statement with :checked selector and val() to determine if checked
$("#btnSubmit1").on("click", function() {
if($(".status1:checked").val()) {
alert('checked')
} else {
alert('not checked.')
}
});
विधि #2
रेडियो बटन चेक किया गया है या नहीं यह निर्धारित करने के लिए .is() फ़ंक्शन और :checked चयनकर्ता का उपयोग करके जांचें
// Method #2 - check using is() function to determine if the radio button is checked
$("#btnSubmit2").on("click", function() {
if($(".status2").is(':checked')) {
alert('checked')
} else {
alert('not checked.')
}
});
विधि #3
रेडियो बटन तत्वों को लूप करें:चेक चयनकर्ता। उपयोगी यदि आपके पास एकाधिक चयनित रेडियो बटन हैं
// Method #3 - loop the radio button elements with :checked selector.
// useful if you have multiple selected radio button
$("#btnSubmit3").on("click", function() {
$("[type=\"radio\"]:checked").each(function() {
alert('checked')
});
});
अब आपके पास यह विचार है कि चयनित रेडियो बटन की जांच कैसे करें, बस वही चुनें जो आप पर फिट बैठता है। अब मैं इस पोस्ट का पूरा सोर्स कोड शेयर करूंगा।
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>How to Check if Radio Button is Checked or Selected in jQuery?</title>
</head>
<body>
<h1>How to Check if Radio Button is Checked or Selected in jQuery?</h1>
<h2>Method #1 - check using if statement with :checked selector and val() to determine if checked</h2>
<form id="form1">
<label>Click here
<input type="radio" value="1" name="status1" class="status1" required="required">
</label>
<br/><br/>
<button type="button" id="btnSubmit1">Check Status</button>
</form>
<br/><br/><br/><br/>
<h2>Method #2 - check using is() function to determine if the radio button is checked</h2>
<form id="form2">
<label>Click here
<input type="radio" value="regular" name="status2" class="status2" required="required">
</label>
<br/><br/>
<button type="button" id="btnSubmit2">Check Status</button>
</form>
<br/><br/><br/><br/>
<h2>Method #3 - loop the radio button elements with :checked selector</h2>
<p>useful if you have multiple selected radio button</p>
<form id="form3">
<label>Click here
<input type="radio" value="regular" name="status3" class="status3" required="required">
</label>
<br/><br/>
<button type="button" id="btnSubmit3">Check Status</button>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// Method #1 - check using if statement with :checked selector and val() to determine if checked
$("#btnSubmit1").on("click", function() {
if($(".status1:checked").val()) {
alert('checked')
} else {
alert('not checked.')
}
});
// Method #2 - check using is() function to determine if the radio button is checked.
$("#btnSubmit2").on("click", function() {
if($(".status2").is(':checked')) {
alert('checked')
} else {
alert('not checked.')
}
});
// Method #3 - loop the radio button elements with :checked selector.
// useful if you have multiple selected radio button.
$("#btnSubmit3").on("click", function() {
$("[type=\"radio\"]:checked").each(function() {
alert('checked')
});
});
});
</script>
</body>
</html>
मुझे उम्मीद है कि यह ट्यूटोरियल आपकी मदद कर सकता है। अगर आप इस कोड को डाउनलोड करना चाहते हैं तो कृपया यहां https://codeanddeploy.com/blog/jquery/how-to-check-if-radio-button-is-checked-or-selection-in-jquery पर जाएं।
हैप्पी कोडिंग :)
