본문 바로가기

JQuery/JQuery 기본

[JQuery] checkbox,radio

// HTML
<ul> 
<li><input type="radio" name="radio_test" value="사과">사과</li> 
<li><input type="radio" name="radio_test" value="배">배</li> 
<li><input type="radio" name="radio_test" value="바나나">바나나</li> 
</ul> 
<p id="get_btn">클릭</p> 

<br><br> 

<input type="checkbox" id="rd2">그림그리기



$("#get_btn").click(function(){ 


/////////////////////////radio
// getter 
radio_test 중에 체크가되있는 것의 value 값
 var radioVal = $(
"input[name='radio_test']:checked").val(); 

// setter 
$(
"input[name='radio_test']").val(["바나나"]); 

// 링크연결
                                뷰         네임
location.href = "bbs.jsp?radio_test=" + radioVal;


/////////////////////////checkbox
// 트루 펄스로 넘어옴
var check = $("#rd2").is(":checked"); 
alert(check);



});

'JQuery > JQuery 기본' 카테고리의 다른 글

[JQuery] attr,prop  (0) 2018.08.06
[JQuery] 키코드  (0) 2018.08.06
[JQuery] 데이터 넣기  (0) 2018.08.06
[JQuery] 링크  (0) 2018.08.06
[JQuery] 기본 태그  (0) 2018.08.06