1)사과 선택 후 "내용 확인" 버튼 클릭시 console 창 value 값 출력
2) 수박 선택 후 "내용 확인" 버튼 클릭시 console 창 value 값 출력
3) 딸기 선택 후 "내용 확인" 버튼 클릭시 console 창 value 값 출력
* 전체 선택 후 "내용 확인" 버튼 클릭시 console 창 value 값 출력
전체 코드
<script type="text/javascript">
'use strict';
const checkfrm = function() {
// 0, 1, 2 => 총 3번 for 반복
for( let i=0 ; i<document.frm1.cb.length; i++ ) {
// for 반복시 if문도 동시에 반복, checked라면 value값 출력
if(document.frm1.cb[i].checked) {
console.log( document.frm1.cb[i].value );
}
}
};
</script>
</head>
<body>
<form action="test1.html" method="get" name="frm1">
<input type="checkbox" name="cb" value="10" />사과<br />
<input type="checkbox" name="cb" value="20" />수박<br />
<input type="checkbox" name="cb" value="30" />딸기<br />
<input type="button" value="내용 확인" onclick="checkfrm()"/>
</form>
<script type="text/javascript">
'use strict';
</script>
</body>
댓글