<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<!-- radio , checkbox -->
<ul>
<li><input type="radio" name="radio_test" value="사과" checked>사과</li>
//체크 해놓기 checked=checked 인데 checked 라고만 써도 됨
<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">그림그리기
<br><br>
입력:<input type="text" id="hoge"><br>
복사:<input type="text" id="hogeKeyCode">
<script type="text/javascript">
$(function () {
$('#get_btn').click(function () {
//getter
var radioVal = $('input[name="radio_test"]:checked').val(); //input태그에서 name 을 찾아 check된 값을 가지고 와서 radioVal 변수에 넣어준다
alert("radioVal = " + radioVal);
//setter
$('input[name="radio_test"]').val(["바나나"]); //체크한게 사과에서 바나나로 바뀜
/* location.href = "bbs.jsp?radio_test=" + radioVal; // 이쪽으로 넘어가면 java 코드로 넘어감 jsp로~ */
// 어떤 뷰로? 뭐로?
//checkbox
var check = $('#rd2').is(':checked'); // true / false 가 넘어오게 됨
alert("check =" + check);
});
$('#hoge').keydown(function (event) {
var keyCode = event.keyCode; //아스키코드로 넘어옴
$('#hogeKeyCode').val("keyCode: " + keyCode); // 복사칸에 값 넣어주기
});
});
</script>
</body>
</html>
'JQuery' 카테고리의 다른 글
| Jquery(9) append,prepend,after,before,remove,empty (0) | 2018.08.08 |
|---|---|
| Jquery(8) attr , prop, text,val (0) | 2018.08.08 |
| Jquery(6) 2차원배열, td:eq(index) ,for문 (0) | 2018.08.08 |
| Jquery(5) fade(In,Out,Toggle,to) (0) | 2018.08.08 |
| Jquery(4) 기본 focus,blur,show,toggle,dbclick,hover,mousedown, mouseup (0) | 2018.08.06 |