jquery复选框全选之后,把所获取到的选中项的id以json格式,通过ajax传送出去,怎样做到呢?
这是html代码<body><div><inputid="checkAll"type="checkbox"/>全选<inputname="subBox"type="che...
这是html代码
<body>
<div>
<input id="checkAll" type="checkbox" />全选
<input name="subBox" type="checkbox" value="1"/>项1
<input name="subBox" type="checkbox" value="2"/>项2
<input name="subBox" type="checkbox" value="3"/>项3
<input name="subBox" type="checkbox" value="4"/>项4
</div>
<div>
<input type="button" value="提交">
</div>
</body>
下面是js代码
$(function() {
$("#checkAll").click(function() {
$('input[name="subBox"]').attr("checked", this.checked);
});
var $subBox = $("input[name='subBox']");
$subBox.click(function() {
$("#checkAll").attr("checked", $subBox.length == $("input[name='subBox']:checked").length ? true : false);
});
// alert($subBox);
});
请做补充? 展开
<body>
<div>
<input id="checkAll" type="checkbox" />全选
<input name="subBox" type="checkbox" value="1"/>项1
<input name="subBox" type="checkbox" value="2"/>项2
<input name="subBox" type="checkbox" value="3"/>项3
<input name="subBox" type="checkbox" value="4"/>项4
</div>
<div>
<input type="button" value="提交">
</div>
</body>
下面是js代码
$(function() {
$("#checkAll").click(function() {
$('input[name="subBox"]').attr("checked", this.checked);
});
var $subBox = $("input[name='subBox']");
$subBox.click(function() {
$("#checkAll").attr("checked", $subBox.length == $("input[name='subBox']:checked").length ? true : false);
});
// alert($subBox);
});
请做补充? 展开
2个回答
展开全部
你好!!
$(function(){
$(":button[value='提交']").click(function(){
var data = $(":checkbox[name='subBox']:checked").map(function(){
return $(this).val();
}).get();
$.ajax({
type: "POST",
url: "你的url",
data: {"data": data},
success: function(msg){
//你的处理代码
}
});
});
});
希望对你有帮助!!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询