checkbox控件－全选、取消全选、反选的切换、删除确认

checkbox控件－全选、取消全选、反选的切换、删除确认

作者：网上收集点击：读取中... 次

引用代码：
<input type=checkbox name=mm value=a onclick="checkItem(this, 'mmAll')">选项1<br>
<input type=checkbox name=mm value=b onclick="checkItem(this, 'mmAll')">选项2<br>
<input type=checkbox name=mm value=c onclick="checkItem(this, 'mmAll')">选项3<br>
<input type=checkbox name=mm value=d onclick="checkItem(this, 'mmAll')">选项4<br>
<input type=checkbox name=mm value=e onclick="checkItem(this, 'mmAll')">选项5<br><br>
<input type=checkbox name=mmAll onclick="checkAll(this, 'mm')">全选
<input type=checkbox name=mmAll onclick="selectOther('mm')">反选

<script language=Javascript>
//函数。。。
function checkAll(e, itemName)
{
var aa = document.getElementsByName(itemName);
for (var i=0; i<aa.length; i++)
  aa.checked = e.checked;
}
//得到当前状态。并设置。
function checkItem(e, allName)
{
var all = document.getElementsByName(allName)[0];//返回一个具有相同属性的name集合.并取出第一条.因为只有一个.嘿嘿
if(!e.checked) all.checked = false;//如果当前没被选中（也就是有所有的checkbox有一个没被选中..那么全选的checkbox就处于为被选中状态)
var aa = document.getElementsByName(e.name); //返回一个具有相同属性的name集合
for (var i=0; i<aa.length; i++)//进入循环依次查询name为mm的checkbox状态。
{
if(!aa.checked) return false //如果有一未被选中..那么就退出函数。。
}
all.checked = true; //如果所有的都被选中了。那么全选checkbox的状态也为选中状态！
}
function selectOther(obj)
{
  var aa = document.getElementsByName(obj);
  for(var i=0;i<aa.length;i++)
  if(aa.type=="checkbox")
  {
  if(!aa.checked)
  aa.checked=true;
  else
  aa.checked=false;
  }
}
</script>

引用代码：<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<CENTER><H2>文章管理</H2></CENTER>
  <TABLE align="center" width="400" border="1">
  <FORM METHOD="POST" ACTION="" name="myform" onsubmit="return check(document.myform.del);">
<TR>
<TD><INPUT TYPE="checkbox" NAME="del" value="1"></TD>
<TD>关于大学生的就业问题？</TD>
<TD>编辑</TD>
  </TR>
  <TR>
<TD><INPUT TYPE="checkbox" NAME="del" value="2"></TD>
<TD>07年师范生不收学费？</TD>
<TD>编辑</TD>
  </TR>
  <TR>
<TD><INPUT TYPE="checkbox" NAME="del" value="3"></TD>
<TD>人类文明正在遭受到侵犯</TD>
<TD>编辑</TD>
  </TR>
  <TR>
<TD><INPUT TYPE="checkbox" NAME="del" value="4"></TD>
<TD>古龙小说中的爱情</TD>
<TD>编辑</TD>
  </TR>
  <TR>
<TD> </TD>
<TD align="center"><INPUT TYPE="button" value="全选" onclick="checkall(document.myform.del)">  <INPUT TYPE="button" value="反选" onclick="checkback(document.myform.del)">  <INPUT TYPE="submit" value="删除">  <INPUT TYPE="reset" value="重选"></TD>
<TD> </TD>
  </TR>
  </FORM>
  </TABLE>

收藏此文章　　　　　打印更新　　　　　编辑此文章　　　　『关闭窗口』


	家园个人文集		http://www.5x54.com