复选框 遍历选中 php,jquery的复选框选择并且获取值 -凯发k8官方网

这次给大家带来jquery的复选框选择并且获取值，jquery复选框选择并且获取值的注意事项有哪些，下面就是实战案例，一起来看一下。

一、checkbox选择

在jquery中，选中checkbox通用的两种方式：$("#cb1").attr("checked","checked");

$("#cb1").attr("checked",true);

对应的jquery函数，主要完成三个功能：

1、第一个复选框选中或取消选中，则下面的复选框为全选或取消全选；

2、当下面的复选框全部选中时，则将第一个复选框设置为选中，当下面的复选框中有一个没有被选中时，则第一个复选框取消选中；

3、将下面的复选框的id值传递给controller层，组成id数组，然后调用相应的方法(一般都是删除)。

$("input[name='id']").attr('checked',t.checked);//改变name名为id的input标签内的复选框的checked属性

}

function chg(){//当下面的复选框全部选中时，则将第一个复选框设置为选中，当下面的复选框中有一个没有被选中时，则第一个复选框取消选中；

var ids = $.makearray($("input[name='id']"));

for(var i in ids){

if(ids[i].checked==false){//如果所有的复选框只要有一个未选中，则第一个复选框不会选中

$("input[name='ids']").attr('checked', false);

return;

}

}

$("input[name='ids']").attr('checked', true);//全部选中的情况下，则第一个复选框选中

}

function deletebatch(){//将下面的复选框的id值传递给controller层，组成id数组，拼接url到controller层，调用批量删除方法(deletebatch())方法

var ids = $.makearray($("input[name='id']:checked"));//通过$.makearray将id放在数组中

var url = '<�sepath%>/web/goodslist/deletebatch';//此url指向controller层的deletebatch方法，需要id属性

var flag = true;

for(var i in ids){//遍历数组

if(i == 0){

url = "?id=" ids[i].value;//第一个id属性前加？拼接

flag = false;

} else {

url = "&id=" ids[i].value;//后面的id属性前加&拼接

flag = false;

}

}

if(flag){//如果没有选中商品

alert("请选中商品！");

return;

}

if(confirm("确定删除记录吗？")){

window.location.href = url;//把拼接好的id数组传给页面

}

}

二、在jsp页面中对应的列表：

1、列表中要给表头中的复选框(第一个复选框)设置name名，并调用chgall(this)方法来实现全选或全不选；

2、table中的复选框设置name名，并调用chg()方法来实现上面的第二个功能；

3、form表单提交时调用deletebatch()方法

//form表单提交时调用deletebatch()方法

//调用chgall(this)方法来实现全选或全不选,此处的this指所有复选框对象商品编号商品标题

//调用chg()方法${webgoodsinfo.goodsno}${webgoodsinfo.goodstitle}

三、看下spring mcv中的controller代码@requestmapping("deletebatch")//对应jsp页面中的deletebatch()请求

public string deletebatch(long[] id, redirectattributes redirectattributes){//此处的id为页面中的id值，必须保持一直！！！！

if(id !=null&&id.length!=0){

goodsservice.deletebatch(id);

}

return "redirect:" global.getadminpath() "/web/webgoodsinfo/?repage";//重定向到列表页面

}

}

看下效果：

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

总结

以上是凯发k8官方网为你收集整理的的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。