jQuery选取所有复选框被选中的值并用Ajax异步提交数据

<body>
<div>
<input type="checkbox" name="check" value="1"/>复选框1
<input type="checkbox" name="check" value="2"/>复选框2
<input type="checkbox" name="check" value="3"/>复选框3
<br/>
<input type="checkbox" name="check" value="4"/>复选框4
<input type="checkbox" name="check" value="5"/>复选框5
<input type="checkbox" name="check" value="6"/>复选框6
<br/>
<input type="checkbox" name="check" value="7"/>复选框7
<input type="checkbox" name="check" value="8"/>复选框8
<input type="checkbox" name="check" value="9"/>复选框9
<input type="button" id="dosubmit" value="提交">
</div>
</body>

 

<script>
$('#dosubmit').click(function(){
var checkID = [];//定义一个空数组

$("input[name='check']:checked").each(function(i){//把所有被选中的复选框的值存入数组
checkID[i] =$(this).val();
});

//用Ajax传递参数
$.post('Ajax.php',{checkID:checkID},function(json){

},'json')
})
</script>

 

posted @ 2018-04-28 16:39  亦星  阅读(250)  评论(0编辑  收藏  举报