どのようにJavascript/jQueryの選択値に基づいてラジオボタンをチェックするには?
7307 ワード
もともとhttps://codeanddeploy.com訪問し、サンプルコードをダウンロードしてください
この投稿では、JQueryを使用して選択した値に基づいてラジオボタンをチェックする方法の例を示します.たぶん、選択した値のラジオボックスを選択するか、ボタンを使用してチェックする必要があるタスクがあります.以下の例のコードを親切にチェックしてください.
ハッピーコーディング
この投稿では、JQueryを使用して選択した値に基づいてラジオボタンをチェックする方法の例を示します.たぶん、選択した値のラジオボックスを選択するか、ボタンを使用してチェックする必要があるタスクがあります.以下の例のコードを親切にチェックしてください.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>How To Check Radio Button Based On Selected Value in jQuery?</title>
</head>
<body>
<h1>How To Check Radio Button Based On Selected Value in jQuery?</h1>
<form id="form1">
<p><b>Membership Type</b></p>
<select id="membership_type">
<option value="">Select Membership Type</option>
<option value="regular">Regular</option>
<option value="pro">Pro</option>
<option value="vip">VIP</option>
</select>
<p><b>Selected Membership</b></p>
<input type="radio" value="regular" name="membership" class="membership" disabled="disabled"> Regular
<input type="radio" value="pro" name="membership" class="membership" disabled="disabled"> Pro
<input type="radio" value="vip" name="membership" class="membership" disabled="disabled"> VIP
<br/><br/>
<button type="button" id="btnSubmit">Submit</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() {
$("#membership_type").on("change", function() {
var membership = $(this).val();
$(".membership[value='"+membership+"']").prop("checked", true);
});
// Method #1 - Getting radio selected using class
$("#btnSubmit").on("click", function() {
var membership = $(".membership:checked").val();
alert(membership);
});
});
</script>
</body>
</html>
私はこのチュートリアルを助けることを望む.あなたがこのコードをダウンロードしたいならば、親切にhttps://codeanddeploy.com/blog/jquery/how-to-check-radio-button-based-on-selected-value-in-javascriptjqueryをここで訪問してください.ハッピーコーディング
Reference
この問題について(どのようにJavascript/jQueryの選択値に基づいてラジオボタンをチェックするには?), 我々は、より多くの情報をここで見つけました https://dev.to/codeanddeploy/how-to-check-radio-button-based-on-selected-value-in-javascriptjquery-1lg0テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol