jQuery로 라디오 버튼을 확인하려고합니다. 내 코드는 다음과 같습니다.
<form>
<div id='type'>
<input type='radio' id='radio_1' name='type' value='1' />
<input type='radio' id='radio_2' name='type' value='2' />
<input type='radio' id='radio_3' name='type' value='3' />
</div>
</form>
그리고 자바 스크립트 :
jQuery("#radio_1").attr('checked', true);작동하지 않습니다 :
jQuery("input[value='1']").attr('checked', true);작동하지 않습니다 :
jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true);작동하지 않습니다 :
다른 아이디어가 있습니까? 내가 무엇을 놓치고 있습니까?
답변
jQuery 버전이 1.6보다 크거나 같은 경우 (> =) 1.6을 사용하십시오.
$("#radio_1").prop("checked", true);(<) 1.6 이전 버전의 경우 다음을 사용하십시오.
$("#radio_1").attr('checked', 'checked');팁 : 나중에 전화 click()하거나 change()라디오 버튼을 눌러도됩니다. 자세한 내용은 의견을 참조하십시오.
답변
이 시도.
이 예에서는 입력 이름과 값으로 타겟팅하고 있습니다.
$("input[name=background][value='some value']").prop("checked",true);알아두면 좋은 점 : 여러 단어로 된 값의 경우 아포스트로피 때문에 작동합니다.
답변
jQuery 1.6에 추가 된 동일한 prop () 함수가 하나 더 있습니다.
$("#radio_1").prop("checked", true); 답변
짧고 읽기 쉬운 옵션 :
$("#radio_1").is(":checked")true 또는 false를 반환하므로 “if”문에서 사용할 수 있습니다.
답변
이 시도.
값을 사용 하여 라디오 버튼을 확인하려면 이것을 사용하십시오.
$('input[name=type][value=2]').attr('checked', true); 또는
$('input[name=type][value=2]').attr('checked', 'checked');또는
$('input[name=type][value=2]').prop('checked', 'checked');ID를 사용 하여 라디오 버튼을 확인하려면 이것을 사용하십시오.
$('#radio_1').attr('checked','checked');또는
$('#radio_1').prop('checked','checked');답변
답변
$.prop방법은 더 :
$(document).ready(function () {
$("#radio_1").prop('checked', true);
});다음과 같이 테스트 할 수 있습니다.
$(document).ready(function () {
$("#radio_1, #radio_2", "#radio_3").change(function () {
if ($("#radio_1").is(":checked")) {
$('#div1').show();
}
else if ($("#radio_2").is(":checked")) {
$('#div2').show();
}
else
$('#div3').show();
});
});