Javascript/jQuery에서 선택한 값을 기반으로 라디오 버튼을 확인하는 방법은 무엇입니까?
7602 단어 phpjavascriptjquerymysql
이번 포스팅에서는 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.)
좋은 웹페이지 즐겨찾기
