체크 버튼을 누르면 자동 체크
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<title>Insert title here</title>
</head>
<body>
<!-- radio -->
<ul> <!-- radio는 무조건 name -->
<li><input type="radio" name="redio_test" value="사과">사과</li>
<li><input type="radio" name="redio_test" value="배" checked="checked">배</li>
<li><input type="radio" name="redio_test" value="바나나">바나나</li>
</ul>
<button type="button" id="choice">선택</button>
<script type="text/javascript">
$(function(){
$("#choice").click(function(){
// getter
var radioVal = $("input[name='redio_test']:checked").val(); //체크된 벨류를 갖고온다.
alert(radioVal);
// setter
$("input[name='redio_test']").val(["사과"]);//setter
});
});
</script>
<br><br>
<!-- checkbox -->
<input type = "checkbox" id="che">그림그리기
<br>
<button type="button" id="mycheck">체크</button>
<script type="text/javascript">
$("#mycheck").click(function(){
//getter : 현재상태를 (true/false)로 나타내줌
/* 1)
var check = $("#che").is(":checked");
alert("check:"+check); */
// 2)
/* var check = $("input:checkbox[id='che']").is(":checked");
alert("check:"+check); */
//setter 체크 버튼을 누르면 체크상태로 만들어준다.
$("#che").prop("checked", true); //property 회원가입 모두 선택버튼 만들 때 사용됨
});
</script>
</body>
</html>
