首页 > 其他 > 详细

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

时间:2015-08-13 14:36:03      阅读:216      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!