이야기앱 세상

jQuery를 이용해서 checkbox의 선택한 값 모두 읽어 오기 본문

IT/jQuery

jQuery를 이용해서 checkbox의 선택한 값 모두 읽어 오기

storya 2017. 7. 3. 16:02
반응형
jQuery를 이용해서 checkbox의 선택한 값 모두 읽어 오기


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function(){
$('input[type="checkbox"]').click(function(){
var output = '';
$('input[type="checkbox"]:checked').each(function(index,item){
if(index!=0){
output += ',';
}
output += $(this).val();
});
alert(output);
});
});
</script>
</head>
<body>
<form>
<input type="checkbox" name="season" value="봄">봄
<input type="checkbox" name="season" value="여름">여름
<input type="checkbox" name="season" value="가을">가을
<input type="checkbox" name="season" value="겨울">겨울
</form>
</body>
</html>


반응형
0 Comments
댓글쓰기 폼