작성일 : 12-12-24 17:23
|
[JQuery] 체크박스 checkbox 체크값 넘기기
|
 |
|
글쓴이 :
조형래
 조회 : 4,297
|
<script type="text/javascript" src="</script'>http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btnSubmit").click(function(){
var checkboxVal = $("#frm>:checkbox:checked").map(function(){
return $(this).val();
}).get().join(",");
var radioVal = $("#frm>:radio:checked").map(function(){
return $(this).val();
}).get().join(",");
alert(checkboxVal +","+ radioVal);
$("#checkedVal").val(checkboxVal +","+ radioVal);
});
});
</script>
</head>
<body>
<form name="frm" id="frm" method="post">
<input type="checkbox" name="test1" value="1"/>1<br>
<input type="checkbox" name="test2" value="2"/>2<br>
<input type="checkbox" name="test3" value="3"/>3<br>
<input type="checkbox" name="test4" value="4"/>4<br>
<input type="checkbox" name="test5" value="5"/>5<br>
<br>
<input type="radio" name="test6" value="6"/>6<br>
<input type="radio" name="test6" value="7"/>7<br>
<input type="radio" name="test6" value="8"/>8<br>
<input type="radio" name="test6" value="9"/>9<br>
<input type="radio" name="test6" value="10"/>10<br>
<br><br>
<input type="button" id="btnSubmit" value="check it!"/>
<br>
체크된 값 : <input type="text" name="checkedVal" id="checkedVal" value=""/>
</form>
|
|
1039
