天空是蓝色的

做好软件为中国 #gcc -c helloworld.c -o helloworld.o //编译目标文件 #gcc helloworld.o -o helloworld //编译成可执行exe #helloworld //运行exe
数据加载中……
CheckBox选中所有的项[JavaScript]

<html>
<head>
<title>
</title>
<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></html>

posted on 2006-06-23 17:51 bluesky 阅读(8531) 评论(4)  编辑  收藏 所属分类: PHP

评论

# re: CheckBox选中所有的项[JavaScript] 2008-03-05 15:27 火狐浏览器

不错,谢谢分享!
  回复  更多评论    

# re: CheckBox选中所有的项[JavaScript] 2012-02-14 03:11 jogos online

是什么东东啊?IVisit又是什么东东啊?
  回复  更多评论    

# re: CheckBox选中所有的项[JavaScript] 2012-02-14 03:13 jogos de carros

这个接口又有什么作用啊?能否给予一个具体一点
  回复  更多评论    

# re: CheckBox选中所有的项[JavaScript] 2016-06-14 15:00 http://www.solinea.fr

I really impressed by your post.
  回复  更多评论    

只有注册用户登录后才能发表评论。


网站导航: