所有選中和刪除選中商品的實現，點擊一下全選，點擊兩下取消全選

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