<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>控制复选框的全选与反选</title>
<style>
.white{color:#FFFFFF; font-weight:bold}
</style>
<script language="javascript">
function CheckAll(elementsA,elementsB)
{
var len = elementsA;
if(len.length > 0)
{
for(i=0;i<len.length;i++)
{
elementsA[i].checked = true;
}
if(elementsB.checked ==false)
{
for(j=0;j<len.length;j++)
{
elementsA[j].checked = false;
}
}
}
else
{
len.checked = true;
if(elementsB.checked == false)
{
len.checked = false;
}
}
}
</script>
</head>
<body style="font-size:12px">
<form name="form1">
<table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#60A2EA">
<tr bgcolor="#FFFFFF">
<td height="22" colspan="5" align="left">商品信息查看</td>
</tr>
<tr align="center" class="white">
<td height="22">选择</td>
<td height="22">所属类别</td>
<td height="22">商品名称</td>
<td height="22">会员价</td>
<td height="22">数量</td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="22"><input name="chk_id" type="checkbox" id="chk_id" value="1"></td>
<td height="22"> 手机 </td>
<td height="22"> P_L音乐手机 </td>
<td height="22"> 1980 </td>
<td height="22">200</td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="22"><input name="chk_id" type="checkbox" id="chk_id" value="2"></td>
<td height="22"> 玻璃制品 </td>
<td height="22"> 迷你水杯 </td>
<td height="22"> 49 </td>
<td height="22">500</td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="22"><input name="chk_id" type="checkbox" id="chk_id" value="3"></td>
<td height="22"> 音响 </td>
<td height="22"> CXO音响 </td>
<td height="22"> 2070 </td>
<td height="22">200</td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="22"><input name="chk_id" type="checkbox" id="chk_id" value="4"></td>
<td height="22"> 休闲装 </td>
<td height="22"> 休闲上衣 </td>
<td height="22"> 195 </td>
<td height="22">500</td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="22" colspan="5" align="left">
<input name="chk_all" type="checkbox" id="chk_all" value="checkbox" onClick="CheckAll(this.form.chk_id,this.form.chk_all)">
[全选/反选]</td>
</tr>
</table>
</form>
</body>
</html>
上边的代码是关于,复选框的全选的,我就不明白onclick事件传过去的2个参数是什么,还有上面的JS代码else是完成反选的功能吗,我用了下只能实现全选状态下全部不选
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>控制复选框的全选与反选</title>
<style>
.white{color:#FFFFFF; font-weight:bold}
</style>
<script language="javascript">
function CheckAll(elementsA,elementsB)
{
var len = elementsA;
if(len.length > 0)
{
for(i=0;i<len.length;i++)
{
elementsA[i].checked = true;
}
if(elementsB.checked ==false)
{
for(j=0;j<len.length;j++)
{
elementsA[j].checked = false;
}
}
}
else
{
len.checked = true;
if(elementsB.checked == false)
{
len.checked = false;
}
}
}
</script>
</head>
<body style="font-size:12px">
<form name="form1">
<table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#60A2EA">
<tr bgcolor="#FFFFFF">
<td height="22" colspan="5" align="left">商品信息查看</td>
</tr>
<tr align="center" class="white">
<td height="22">选择</td>
<td height="22">所属类别</td>
<td height="22">商品名称</td>
<td height="22">会员价</td>
<td height="22">数量</td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="22"><input name="chk_id" type="checkbox" id="chk_id" value="1"></td>
<td height="22"> 手机 </td>
<td height="22"> P_L音乐手机 </td>
<td height="22"> 1980 </td>
<td height="22">200</td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="22"><input name="chk_id" type="checkbox" id="chk_id" value="2"></td>
<td height="22"> 玻璃制品 </td>
<td height="22"> 迷你水杯 </td>
<td height="22"> 49 </td>
<td height="22">500</td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="22"><input name="chk_id" type="checkbox" id="chk_id" value="3"></td>
<td height="22"> 音响 </td>
<td height="22"> CXO音响 </td>
<td height="22"> 2070 </td>
<td height="22">200</td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="22"><input name="chk_id" type="checkbox" id="chk_id" value="4"></td>
<td height="22"> 休闲装 </td>
<td height="22"> 休闲上衣 </td>
<td height="22"> 195 </td>
<td height="22">500</td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="22" colspan="5" align="left">
<input name="chk_all" type="checkbox" id="chk_all" value="checkbox" onClick="CheckAll(this.form.chk_id,this.form.chk_all)">
[全选/反选]</td>
</tr>
</table>
</form>
</body>
</html>
上边的代码是关于,复选框的全选的,我就不明白onclick事件传过去的2个参数是什么,还有上面的JS代码else是完成反选的功能吗,我用了下只能实现全选状态下全部不选
解决方案 »
- 一个简单的设置和获取cookie值的问题,5555我写不出来了,乱了~~
- jquery.bubblepopup.v2.3.1包
- escape 新窗口打开链接?谢谢~
- 如何点击浏览文件能选定一个和多个文件将文件名路径传递到另外一个页面去
- |zyciis| 这么多符号的onclick事件要怎么写啊
- 鼠标经过时图片变换
- JavaScript 中 typeof 的疑难问题!!!!!!!!!!!!!!!!!!!!!
- 我想遍历table中第二列中所有单元格如何写呢
- 为什么要加return true???
- 我是个javascript新手,谁能帮我
- ~ ~ ~ ~ 克隆对象很容易, 那么请问如何克隆函数呢? ~ ~ ~ ~ ~ ~
- JAVASCRIPT语言精髓与编程实践
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>控制复选框的全选与反选 </title>
<style>
.white{color:#FFFFFF; font-weight:bold}
</style>
<script language="javascript">
function CheckAll(form)
{
for (var i=0;i<form.elements.length;i++)
{
var e = form.elements[i];
if (e.Name != "chkAll"&&e.disabled!=true)
e.checked = form.chkAll.checked;
}
}</script>
</head>
<body style="font-size:12px">
<form name="form1">
<table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#60A2EA">
<tr bgcolor="#FFFFFF">
<td height="22" colspan="5" align="left">商品信息查看 </td>
</tr>
<tr align="center" class="white">
<td height="22">选择 </td>
<td height="22">所属类别 </td>
<td height="22">商品名称 </td>
<td height="22">会员价 </td>
<td height="22">数量 </td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="22"> <input name="chk_id" type="checkbox" id="chk_id" value="1"> </td>
<td height="22"> 手机 </td>
<td height="22"> P_L音乐手机 </td>
<td height="22"> 1980 </td>
<td height="22">200 </td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="22"> <input name="chk_id" type="checkbox" id="chk_id" value="2"> </td>
<td height="22"> 玻璃制品 </td>
<td height="22"> 迷你水杯 </td>
<td height="22"> 49 </td>
<td height="22">500 </td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="22"> <input name="chk_id" type="checkbox" id="chk_id" value="3"> </td>
<td height="22"> 音响 </td>
<td height="22"> CXO音响 </td>
<td height="22"> 2070 </td>
<td height="22">200 </td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="22"> <input name="chk_id" type="checkbox" id="chk_id" value="4"> </td>
<td height="22"> 休闲装 </td>
<td height="22"> 休闲上衣 </td>
<td height="22"> 195 </td>
<td height="22">500 </td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="22" colspan="5" align="left">
<input name="chkAll" type="checkbox" id="chkAll" onClick="CheckAll(this.form)" value="checkbox" />
[全选/反选] </td>
</tr>
</table>
</form>
</body>
</html>