您的位置:首页 > 其它

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

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: