radio_jquery를 운영하는 Jquery의 간단한 예

Jquery 플러그인 튜토리얼
Jquery 학습
PHP 학습

입력 상자에 있는 값입니다.

위 html코드에서 잘보면 라디오 3개의 name속성과 텍스트 1개의 name속성이 모두 "study"인 것을 알 수 있습니다

코드 복사 코드는 다음과 같습니다.

$(function(){
$('#tijiao').click(function (){
if ($ ("input:[name=study]:radio:checked").length == 0){
alert("배우고 싶은 지식을 선택하세요");
return false;
}
var 연구 = $("input:[name=study]:radio:checked").val();
alert("감사합니다! 선택하셨습니다. " 연구);
})
$ ("#set_jqeury_study").click(function(){
var $button = $(this);
$("input:[name=study]:radio" ).each(function(){
if (this.value == $button.attr('title')){
this.checked=true;
}
})
})
$("# view_input_text").click(function(){
alert($("input[name=study]:text").val());
})
})

$("input:[name=study]:radio:checked") 이 코드는 이름 속성이 "study"이고 선택된 라디오의 모든 jquery 객체를 가져옵니다. 길이가 0 인지 판단하여 라디오 옵션 중 하나가 선택되었는지 알 수 있습니다. $("input[name=study]:text") 이 코드는 name 속성이 "study"인 텍스트 입력 상자의 jquery 객체를 가져옵니다.