//点击全选按钮的事件操作
function selectAll(){
var allcheckBoxs=document.getElementsByName("iTo");
var select=document.getElementsByName("select");
if(select[0].checked){ //,每一个都选择,全选按钮被选择
for(var i=0;i<allcheckBoxs.length;i++){
allcheckBoxs[i].checked = true;
}
}else{ //有一个不选择,全选按钮则不选择
for(var i=0;i<allcheckBoxs.length;i++){
allcheckBoxs[i].checked = false;
}
}
}
$('input[name=sca]').click(function(){
var ckslength = $('input[name=sca]').length;
if(!$(this)[0].checked){
$('#select')[0].checked = false;
}else if($(this)[0].checked){
if($('input[name=sca]:checked').length == ckslength){
$('#select')[0].checked = true;
}
}
});/**反全选*/
<!--页面上 全选按钮-->
<input type='checkbox' id='select' name="select" οnclick="selectAll();"/>
<INPUT type="checkbox" name="iTo" οnclick='getRowValue(this);'>选择1
<INPUT type="checkbox" name="iTo" οnclick='getRowValue(this);'>选择2
<INPUT type="checkbox" name="iTo" οnclick='getRowValue(this);'>选择3
<INPUT type="checkbox" name="iTo" οnclick='getRowValue(this);'>选择4
<INPUT type="checkbox" name="iTo" οnclick='getRowValue(this);'>选择5
当用js追加一行<input type='checkbox' name='iTo' />选择6时,
用click函数已经无法监听到该“选择6”,此时应该用
live函数
live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。
通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。
$('input[name=iTo]').live("click",function(){
var ckslength = $('input[name=iTo]').length;
if(!$(this)[0].checked){
$('#select')[0].checked = false;
}else if($(this)[0].checked){
if($('input[name=iTo]:checked').length == ckslength){
$('#select')[0].checked = true;
}
}
});