이 양식이 있습니다.
<form name="test">
<input type="radio" required="required" name="a" value="1">1
<input type="radio" required="required" name="a" value="X">X
<input type="radio" required="required" name="a" value="2">2
<br />
<input type="radio" required="required" name="b" value="1">1
<input type="radio" required="required" name="b" value="2">2
</form>
나는 이것을 달성하고 싶다.
If a=1 then b=1
If a=X then unset b
If a=2 then b=2
나는 이것을 시도했지만 아무것도하지 않습니다.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#test').on('change', function() {
if ($("input[name='a']:checked").val()=="1") {
$( "#b" ).prop( "checked", true );
}
});
});
</script>
여기에 무엇이 빠졌습니까?
아래와 같이 radio
name 으로 버튼 에 변경 이벤트를 바인딩 a
하고, 값을 가져 오고, radio button
이름이 b
설정된 상태 에서 동일한 것을 찾고, 속성을 확인합니다.
$('input[name="a"]').on('change', function() {
var selected = $('input[name="a"]:checked').val();
if (selected == "X") {
$('input[name="b"]:checked').prop("checked", false);
return false;
}
$('input[name="b"][value="' + selected + '"]').prop("checked", true);
});
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<form name="test">
<input type="radio" required="required" name="a" value="1">1
<input type="radio" required="required" name="a" value="X">X
<input type="radio" required="required" name="a" value="2">2
<br />
<input type="radio" required="required" name="b" value="1">1
<input type="radio" required="required" name="b" value="2">2
</form>
추신 : 원하는 경우 이름
disabled
으로radio button
설정하는 속성을 추가 하여b
사용자가 변경하지 못하도록 할 수 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다