没有合适的资源?快使用搜索试试~ 我知道了~
javascript复选框实现批量选择
5星 · 超过95%的资源 需积分: 50 24 下载量 178 浏览量
2012-02-16
16:59:17
上传
评论
收藏 16KB DOCX 举报
温馨提示
试读
3页
程序员在开发的时候,经常会遇到对查询列表中的记录进行批量操作的情况,实现倒是也不难,用javascript就行,但每次都要重新再写一遍,本人在工作中把它总结为一个模块,记录下来,以便再用。
资源详情
资源评论
资源推荐
程序员在开发的时候,经常会遇到对查询列表中的记录进行批量操作的情况。
1、 实现的方法往往就是在每条记录前面加一个复选框,然后在列表下方放置一个“全选/全
不选”复选框。
2、 当选中“全选/全不选”复选框后,列表中的所有复选框都选中,当取消“全选 /全不选”复
选框后,列表中的所有复选框都取消选中。
3、 当列表中的复选框都取消选中后,“全选/全不选”复选框也要取消选中。当列表中的复
选框都选中后,“全选/全不选”复选框也要选中。
4、 得到所有选中记录的值。
这项功能其实也很简单,但往往用的时候都要重新再写一遍,于是把它总结为一个模块,
记录下来,以便再用。
(1)首先是在每条记录前加入复选框,该处复选框中的值为“id|username”(示例),即
选中此复选框会同时传两个值(传一个值的太简单,就不举例了),中间用|隔开,下面取
值时会用到:
<input id="box" name="box" type="checkbox" value="id|username"
onclick="checkonebox()"/>
(2)然后在下方加入“全选/全不选”复选框。
<input id="checkall" type="checkbox" value=""
onclick="checkall()"/>
全选/全不选
(3)关键实现 javascript
//点击"全选/全不选"复选框,如果选中,则选中全部复选框,否则取消选中全部复选框
funcon checkall() {
var ischecked = document.getElementById("checkall").checked;
if(ischecked) {
checkallbox();
}else {
discheckallbox();
}
}
//选中全部复选框
funcon checkallbox() {
var boxarray = document.getElementsByName("box");
for(var i = 0; i < boxarray.length; i++) {
boxarray[i].checked = true;
}
}
//取消选中全部复选框
funcon discheckallbox() {
var boxarray = document.getElementsByName("box");
for(var i = 0; i < boxarray.length; i++) {
boxarray[i].checked = false;
changweifeng
- 粉丝: 1
- 资源: 6
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论4