全部选中和删除选中商品的实现,点击一下全选,点击两下取消全选
2015-08-13 12:03
519 查看
<th class="wp7_5"><input type="checkbox" id="checkAllId" onclick="checkAll(this);" class="vm" /> 全选</th>
<div>
<td><input type="checkbox" th:name="${#strings.concat('listBean[').concat(status.index).concat('].checkArray')}" onclick="check();"/></td>
<input type="checkbox" th:name="${#strings.concat('listBean[').concat(status.index).concat('].checkArray')}" onclick="check();"/>1</td>
<input type="checkbox" th:name="${#strings.concat('listBean[').concat(status.index).concat('].checkArray')}" onclick="check();"/>2</td>
<input type="checkbox" th:name="${#strings.concat('listBean[').concat(status.index).concat('].checkArray')}" onclick="check();"/>3</td>
<input type="checkbox" th:name="${#strings.concat('listBean[').concat(status.index).concat('].checkArray')}" onclick="check();"/>4</td>
<input type="checkbox" th:name="${#strings.concat('listBean[').concat(status.index).concat('].checkArray')}" onclick="check();"/>5</td></div>
javascript
function checkAll(obj) {
var el = document.getElementsByTagName('input');
if(obj.checked == true) {
for (var key in el) {
if (el[key].type == 'checkbox') {
el[key].checked = true;
}
}
} else {
for (var key in el) {
if (el[key].type == 'checkbox') {
el[key].checked = false;
}
}
}
}
function check() {
var el = document.getElementsByTagName('input');
var allCheckFlag = true;
for (var key in el) {
if (el[key].type == 'checkbox') {
if(el[key].id !="checkAllId") {
if (el[key].checked == false) {
allCheckFlag = false;
}
}
}
}
}
</script>
<div>
<td><input type="checkbox" th:name="${#strings.concat('listBean[').concat(status.index).concat('].checkArray')}" onclick="check();"/></td>
<input type="checkbox" th:name="${#strings.concat('listBean[').concat(status.index).concat('].checkArray')}" onclick="check();"/>1</td>
<input type="checkbox" th:name="${#strings.concat('listBean[').concat(status.index).concat('].checkArray')}" onclick="check();"/>2</td>
<input type="checkbox" th:name="${#strings.concat('listBean[').concat(status.index).concat('].checkArray')}" onclick="check();"/>3</td>
<input type="checkbox" th:name="${#strings.concat('listBean[').concat(status.index).concat('].checkArray')}" onclick="check();"/>4</td>
<input type="checkbox" th:name="${#strings.concat('listBean[').concat(status.index).concat('].checkArray')}" onclick="check();"/>5</td></div>
javascript
function checkAll(obj) {
var el = document.getElementsByTagName('input');
if(obj.checked == true) {
for (var key in el) {
if (el[key].type == 'checkbox') {
el[key].checked = true;
}
}
} else {
for (var key in el) {
if (el[key].type == 'checkbox') {
el[key].checked = false;
}
}
}
}
function check() {
var el = document.getElementsByTagName('input');
var allCheckFlag = true;
for (var key in el) {
if (el[key].type == 'checkbox') {
if(el[key].id !="checkAllId") {
if (el[key].checked == false) {
allCheckFlag = false;
}
}
}
}
}
</script>
相关文章推荐
- 最小生成树之PRIM-O(n^2)
- poj解题报告——2425
- ViewHolder到底用什么修饰?static?final?static final?
- <Stealth>游戏中的动画与寻路控制
- 闪电特效算法
- Spark Graphx 构建graph和aggregateMessages聚合消息
- 工具:七牛云备份VPS服务器文件
- Clementine 12.0 的使用安装(数据挖掘)
- 让整个网站变成灰色的做法
- 黑马程序员——OC笔记之购票系统应用实践
- 乐点 Android SDK 积分墙开发者文档
- 360启用1700W美元收购的新域名360.com
- Fixing the Great Wall
- 用十进制计算30!(30的阶乘),将结果转化成3进制进行表示的话,该进制下的结果末尾会有多少个0?
- 记实现一个功能
- [即时通讯]openfire启动失败解决办法
- 人民币贬值不是大问题
- WSAAsyncSelect模型中,FD_WRITE事件什么时候触发?
- swirl 10: lapply and sapply
- c++线程池