js 的CheckBox 的全选总结 （Table或GridView中所有的CheckBox处理） j-query的处理

// 全选j-query

var id = spanChk.id;

var chkItem = $(":checkbox:not(input[id='" + id + "'])");

if (spanChk.checked == true) {

chkItem.attr('checked', true);

}

else {

chkItem.attr('checked', false);

}

// 做gridView某列的全选

function SelectAllCheckboxes(spanChk,obj) {

var id = spanChk.id;

var chkItem = $(":checkbox:not(input[id='" + id + "'])");

if (spanChk.checked == true) {

$("span[name='" + obj + "']").find("input[type=checkbox]").attr('checked',true);

}

else {

$("span[name='" + obj + "']").find("input[type=checkbox]").attr('checked',false);

}

}

// 全选页面中所有CheckBox(例如：GridView对象中的所有的CheckBox)

function SelectAllCheckboxes(spanChk)

{

var oItem = spanChk.children;

var theBox=(spanChk.type=="checkbox")?spanChk:spanChk.children.item[0];

xState=theBox.checked;

elm=theBox.form.elements;

for(i=0;i<elm.length;i++)

if(elm[i].type=="checkbox" && elm[i].id!=theBox.id)

{

if(elm[i].checked!=xState)

elm[i].click();

}

}// Over

// Table / GridView中的某列全选：Table / GridView名称,全选按钮对象,某列的索引

function SelectAll(grid, obj, column) {

var s3 = document.getElementById(grid); //获取GridView

for (var i = 0; i < s3.rows.length; i++) {

var cb = s3.rows[i].cells[column].getElementsByTagName("INPUT");

cb[0].checked = obj.checked; // 该列， 全选效果

}

}

// Table / GridView中某行中的，某列中 CheckBox的联动改行的另外一列的CheckBox。

function CheckChange(grid, obj, column1, column2) {

var s3 = document.getElementById(grid); //获取第一个表格

for (var i = 0; i < s3.rows.length; i++) {

var cb = s3.rows[i].cells[column1].getElementsByTagName("INPUT");

var cb2 = s3.rows[i].cells[column2].getElementsByTagName("INPUT");

if (obj == cb[0]) { // 如果column1不选择， 则column2也不选择

if (obj.checked == false) {

cb2[0].checked = cb[0].checked;

}

}

if (obj == cb2[0]) { // 如果column2选择， 则column1同时选择

if (obj.checked == true) {

cb[0].checked = cb2[0].checked;

}

}

}

}