JS控制批量选择/取消复选框
...
场景应用：在后台分页输出查询数据（如文章、评论），往往需要进行批量删除/审核等操作。后端程序需要读取操作的ID集合进行批量处理。而前端批量选择传入ID是最方便的使用方式。而批量传入通过使用复选框的[]方式传入数组给后端就是最便捷的办法了。直接上代码：
使用复选框，首先放置单条数据的复选框。
<input name="id[]" type="checkbox" id="id[]" value="{$v.id}">//注意后面的[]，数组形式其次，处理当前页一个总的全选/取消复选框
<input type="checkbox" name="allbox" onclick="CheckAll()">//点击执行checkall函数第三就是CheckAll函数
function CheckAll(){
for (var i=0;i<eval(form1.elements.length);i++){
var e=form1.elements[i];
if (e.name!="allbox") e.checked=form1.allbox.checked;
}
}最后别忘了外层套一个form标签。
这样就完成的前端页面的整个全选/取消操作模式。数据传入后台后的批量处理可以参看：单数据和批量数据的删除操作。
写在最后。
今年大年初一，西枫里在这里给所有访问者朋友拜年了，祝大家在新的一年生活如意，事业顺利，博客访问量节节攀升。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2018-02-16 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
