Notice
Recent Posts
Recent Comments
Link
이야기앱 세상
jQuery를 이용해서 checkbox의 선택한 값 모두 읽어 오기 본문
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>
반응형
'IT > jQuery' 카테고리의 다른 글
| jQuery - 스크롤시 메뉴는 고정되고 내용은 스크롤되도록 처리하기 (0) | 2018.12.24 |
|---|---|
| jQuery를 이용해서 팝업창에서 부모창에 데이터 전달하기 (0) | 2017.07.03 |
| jQuery - ajax 이용해서 multipart 데이터 전송하기 (0) | 2016.03.24 |
| jQuery - 이클립스 jquery 플러그인 (0) | 2016.03.24 |
| jQuery - jquery.ajax, jquery.getJSON, jquery.post 사용하기 (0) | 2016.03.24 |
'IT/jQuery' Related Articles
more
Comments