ラジオボタンがJQueryでチェックされるか、選ばれるかどうかチェックする方法?
13888 ワード
もともとhttps://codeanddeploy.com訪問し、サンプルコードをダウンロードしてください
このポストでは、あなたのラジオボタンが既にJQueryを使用してチェックされているかどうかをチェックします.これは通常、追加のチェックでフォームを実行している場合に適用されます.これは、ラジオボタンがあなたのサーバー側にそれを提出する前にチェックされるかを決定するのに役に立ちます.私はあなたのために3つの方法を共有し、あなたのニーズに適している適用を選択します.
if文をチェックし、チェックされたセレクタとval ()をチェックします.
チェック.関数とチェックされたセレクターがラジオボタンがチェックされているかどうかを判断する
ラジオボタンの要素をループします.複数の選択されたラジオボタンを持っている場合に便利です
ハッピーコーディング
このポストでは、あなたのラジオボタンが既にJQueryを使用してチェックされているかどうかをチェックします.これは通常、追加のチェックでフォームを実行している場合に適用されます.これは、ラジオボタンがあなたのサーバー側にそれを提出する前にチェックされるかを決定するのに役に立ちます.私はあなたのために3つの方法を共有し、あなたのニーズに適している適用を選択します.
https://codeanddeploy.com/blog/jquery/how-to-check-if-radio-button-is-checked-or-selected-in-jquery メソッド1
if文をチェックし、チェックされたセレクタとval ()をチェックします.
// 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
チェック.関数とチェックされたセレクターがラジオボタンがチェックされているかどうかを判断する
// 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>
ハッピーコーディング
Reference
この問題について(ラジオボタンがJQueryでチェックされるか、選ばれるかどうかチェックする方法?), 我々は、より多くの情報をここで見つけました https://dev.to/codeanddeploy/how-to-check-if-radio-button-is-checked-or-selected-in-jquery-22g8テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol