一个页面多个列表 要实现各自列表的全选不受影响
这个肯定要js实现的嘛 所以 先发下js
<script>
??? //全选
??? function CheckAll(chks, chkItem, hnDeleteId) {??????
??????? document.getElementById(hnDeleteId).value = "";
??????? var inputs = document.getElementsByTagName("input");
??????? var c = 1;
??????? for (var i = 0; i < inputs.length; i++) {
??????????? if (inputs[i].type == "checkbox" && inputs[i].id.indexOf(chkItem) != -1) {
??????????????? inputs[i].checked = chks.checked;
??????????????? if (inputs[i].checked) {
??????????????????? c++;
??????????????????? if (c == 2) {
??????????????????????? document.getElementById(hnDeleteId).value = inputs[i].value;
??????????????????? } else {
??????????????????????? document.getElementById(hnDeleteId).value += "," + inputs[i].value;
??????????????????? }
??????????????? }
??????????? }
??????? }
??? }
??? //单选
??? function CheckSingle(chkItem, hnDeleteId) {????
??????? document.getElementById(hnDeleteId).value = "";
??????? var inputs = document.getElementsByTagName("input");
??????? var c = 1;
??????? for (var i = 0; i < inputs.length; i++) {
??????????? if (inputs[i].type == "checkbox" && inputs[i].id.indexOf(chkItem) != -1) {
??????????????? if (inputs[i].checked) {
??????????????????? c++;
??????????????????? if (c == 2) {
??????????????????????? document.getElementById(hnDeleteId).value = inputs[i].value;
??????????????????? } else {
??????????????????????? document.getElementById(hnDeleteId).value += "," + inputs[i].value;
??????????????????? }
??????????????? }
??????????? }
??????? }
<script>
?
首先解释CheckAll(chks, chkItem, hnDeleteId)? 调用和参数问题，这是表头全选的点击事件，第一个参数是当前点击控件，要知道是点击的哪个嘛，第二个参数是 对应该列表中的单选复选框的名字，第三个参数是保存你选中的的值的隐藏值控件id，用于删除等操作，CheckSingle(chkItem, hnDeleteId)? 第一个参数是单选复选框的名字（其实也可以用this的），第二个是参数是保存你选中的的值的隐藏值控件id
