码迷,mamicode.com
首页 > 其他好文 > 详细

全部选中和删除选中商品的实现,点击一下全选,点击两下取消全选

时间:2015-08-13 14:36:33      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

<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>


全部选中和删除选中商品的实现,点击一下全选,点击两下取消全选

标签:

原文地址:http://my.oschina.net/u/2411987/blog/491770

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!