반응형
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>
반응형
'javaScript&jQuery' 카테고리의 다른 글
| 자바스크립트를 이용한 시작날짜와 끝날짜의 일수 계산하기 (0) | 2017.07.25 |
|---|---|
| jQuery를 이용해서 팝업창에서 부모창에 데이터 전달하기 (0) | 2017.07.25 |
| 자바스크립트 또는 JQuery에서 객체 존재 여부 체크하기 (0) | 2017.03.30 |
| jquery를 이용해서 시작날짜와 종료날짜 비교 (0) | 2016.09.12 |
| id 저장 쿠키 (0) | 2016.07.22 |