<body>
<form name="Form1">
<input name="allbox" type="checkbox" onClick="TA();" title="选中或清除选中所有的项目" tabindex="105">选中或清除选中所有的项目
<br/>
<span class="X">
<input type="checkbox" name="ABC" class="A" onClick="TTA(this);">清明时节</span>
<br/>
<span class="X">
<input type="checkbox" name="DEF" class="A" onClick="TTA(this);">长江水啊</span>
<br/>
<span class="X">
<input type="checkbox" name="GHL" class="A" onClick="TTA(this);">嘿嘿测试</span>
<br/>
</form>
<script language="javascript">
var frm = document.Form1;
</script>
<script language="JavaScript">
function TA(isO,noHL){
var trk = 0;
for(var i=0;i<frm.elements.length;i++){
var e=frm.elements[i];
if((e.name !='allbox') && (e.type == 'checkbox')){
e.checked = frm.allbox.checked;
if (frm.allbox.checked){
//e.parentElement.className = "H"; //.parentElement不兼容firefox浏览器
e.parentNode.className = "H";//调用设置父节点元素class改变背景色
}else{
e.parentNode.className = "X";//调用设置父节点元素class改变背景色
}
}
}
}
function TTA(CB,noHL){
if (CB.checked){
CB.parentNode.className = "H";
}else{
CB.parentNode.className = "X";
}
var TB=TO=0;
for (var i=0;i<frm.elements.length;i++){
var e=frm.elements[i];
if ((e.name != 'allbox') && (e.type=='checkbox')){
TB++;
if (e.checked)
TO++;
}
}
frm.allbox.checked=(TO==TB)?true:false;
//如果不是所有项被选中则allbox设定未被选中
}
</script>
<style>
.H{
background: #ADD8E6
}
.X{
background: #FFFFFF
}
</style>
</body>
分享到:
相关推荐
自用 勿下!!勿下!!勿下!!勿下!!勿下!!勿下!!勿下!!勿下!!勿下!!勿下!!勿下!!勿下!!
全选js.txt全选js.txt全选js.txt全选js.txt全选js.txt全选js.txt全选js.txtjs
淘宝购物车全选js 1、选中所有商品-自动选中/取消全选按钮 2、选中商店-自动选中/取消公司下的所有商品; 3、全选
HTML checkbox js全选 相信可以对您有用,js全选
gridview全选(用js实现),并且附有js文件的使用说明
checkBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——js
JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选 JavaScript 全选全不选
js全选效果 js全选效果 js全选效果 js全选效果
Javascript实现全选反选 Javascript绑定事件
html css js表单中全选取消反选效果
javascript实现datagrid 全选和反选,很实用
js 全选反选取消, ASP.NET中url传递中文的解决方案, C#中使用反射显示程序集的所有类型和属性, js怎么取表格中的某一行的值, SQL Server 查询分析器快捷键集合, URLRewrite能够对URL进行重写,失败的原因
全选,再次点击全部选,有一个取消,全选取消,总之很不错.
JS JS实现全选反选 全选 反选
js+jsp实现全选删除 js+jsp实现全选删除 js+jsp实现全选删除
js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能
父项选中时,子项随父项选中;父项不选,子项未选; 子项全选中时,父项也选中,子项有一项,不选时,父项即不选中。最好的全选js,自己用的,原创!
javascript 实现复选框全选/取消功能
简单js实现全选全部选反选效果
点击全选所有选项,或者清空全部选项 ,属于js的应用