81,122
社区成员
发帖
与我相关
我的任务
分享一個常見的功能,但是該怎麼實現阿
<table border="1" width="7%">
<tr>
<td width="100%">
<input type="checkbox" name="C1" value="ON">全選
</td>
</tr>
<tr>
<td><input type="checkbox" name="check1" value="1"></td>
</tr>
<tr>
<td><input type="checkbox" name="check1" value="2"></td>
</tr>
<tr>
<td><input type="checkbox" name="check1" value="3"></td>
</tr>
</table>
選中 全選 後,下面所有的checkbox都變成選中狀態
取消 全選 後,下面所有的checkbox也都變成未選中狀態
這個應該是用javascript實現的,但是具體的實現代碼是怎樣的阿
謝謝各位了!
<tr>
<td width="100%">
<input type="checkbox" name="C1" value="ON">全選
</td>
</tr>
<tr>
<td><input type="checkbox" name="check1" value="1"></td>
</tr>
<tr>
<td><input type="checkbox" name="check1" value="2"></td>
</tr>
<tr>
<td><input type="checkbox" name="check1" value="3"></td>
</tr>
</table>
選中 全選 後,下面所有的checkbox都變成選中狀態
取消 全選 後,下面所有的checkbox也都變成未選中狀態
這個應該是用javascript實現的,但是具體的實現代碼是怎樣的阿
謝謝各位了!
...全文
请发表友善的回复…
发表回复
ipv 2004-11-10
- 打赏
- 举报
so easy
function checkAll(){
var flag=form.C1.checked;
for(i=0;i<form.check1.length;i++){
form.check1[i].checked=flag;
}
}
就差不多这个样子
function checkAll(){
var flag=form.C1.checked;
for(i=0;i<form.check1.length;i++){
form.check1[i].checked=flag;
}
}
就差不多这个样子
miao_hong_bin 2004-11-10
- 打赏
- 举报
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>目录</title>
<link rel="stylesheet" href="../mail.css" type="text/css">
</head>
<body bgcolor="" text="#000000" leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
<script language=javascript>
<!-- 全选 -->
function selectall(v){
var f = document.forms["listmsgs"];
for (i=0;i<f.elements.length;i++)
if (f.elements[i].value=="on") f.elements[i].checked = v;
document.forms["listmsgs"].elements["clickall"].checked = v;
document.forms["listmsgs"].elements["clickall2"].checked = v;
}
</script>
<form name="listmsgs" action="list" method="post">
<table width="590" cellspacing="0" cellpadding="0">
<tr>
<td class="mid" valign="top">
<table border=0 cellspacing=0 cellpadding=0 width=590 bgcolor="#F0F0F0" >
<tr>
<td nowrap> <input type=checkbox name=clickall onclick="selectall(this.checked)">
全选</td>
</tr>
</table>
<table width="590" cellspacing="1" cellpadding="2">
<tr>
<td bgcolor="#FFE2B2" height="25" width="5%" nowrap> 选择 </td>
<td bgcolor="#FFE2B2" width="36%" nowrap> 主 题 </td>
</tr>
<tr bgcolor="#FFFDF0" >
<td nowrap> <input name="check1" type=checkbox value="on" >
</td>
<td><font class="verd"><span STYLE="word-wrap:break-word;word-break:break-all">代码</span></font></td>
</tr>
<tr bgcolor="#FFFDF0" >
<td nowrap> <input name="check1" type=checkbox value="on" >
</td>
<td><font class="verd"><span STYLE="word-wrap:break-word;word-break:break-all">你好呀！</span></font></td>
</tr>
<tr bgcolor="#FFFDF0" >
<td nowrap> <input name="check1" type=checkbox value="on" >
</td>
<td><font class="verd"><span STYLE="word-wrap:break-word;word-break:break-all"><无标题></span></font></td>
</tr>
<tr bgcolor="#FFFDF0" >
<td nowrap> <input name="check1" type=checkbox value="on" >
</td>
<td><font class="verd"><span STYLE="word-wrap:break-word;word-break:break-all">sxv</span></font></td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=0 width=590 bgcolor="#F0F0F0" >
<tr>
<td nowrap><input type=checkbox name=clickall2 onclick="selectall(this.checked)">
全选</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<center>
</center>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>目录</title>
<link rel="stylesheet" href="../mail.css" type="text/css">
</head>
<body bgcolor="" text="#000000" leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
<script language=javascript>
<!-- 全选 -->
function selectall(v){
var f = document.forms["listmsgs"];
for (i=0;i<f.elements.length;i++)
if (f.elements[i].value=="on") f.elements[i].checked = v;
document.forms["listmsgs"].elements["clickall"].checked = v;
document.forms["listmsgs"].elements["clickall2"].checked = v;
}
</script>
<form name="listmsgs" action="list" method="post">
<table width="590" cellspacing="0" cellpadding="0">
<tr>
<td class="mid" valign="top">
<table border=0 cellspacing=0 cellpadding=0 width=590 bgcolor="#F0F0F0" >
<tr>
<td nowrap> <input type=checkbox name=clickall onclick="selectall(this.checked)">
全选</td>
</tr>
</table>
<table width="590" cellspacing="1" cellpadding="2">
<tr>
<td bgcolor="#FFE2B2" height="25" width="5%" nowrap> 选择 </td>
<td bgcolor="#FFE2B2" width="36%" nowrap> 主 题 </td>
</tr>
<tr bgcolor="#FFFDF0" >
<td nowrap> <input name="check1" type=checkbox value="on" >
</td>
<td><font class="verd"><span STYLE="word-wrap:break-word;word-break:break-all">代码</span></font></td>
</tr>
<tr bgcolor="#FFFDF0" >
<td nowrap> <input name="check1" type=checkbox value="on" >
</td>
<td><font class="verd"><span STYLE="word-wrap:break-word;word-break:break-all">你好呀！</span></font></td>
</tr>
<tr bgcolor="#FFFDF0" >
<td nowrap> <input name="check1" type=checkbox value="on" >
</td>
<td><font class="verd"><span STYLE="word-wrap:break-word;word-break:break-all"><无标题></span></font></td>
</tr>
<tr bgcolor="#FFFDF0" >
<td nowrap> <input name="check1" type=checkbox value="on" >
</td>
<td><font class="verd"><span STYLE="word-wrap:break-word;word-break:break-all">sxv</span></font></td>
</tr>
</table>
<table border=0 cellspacing=0 cellpadding=0 width=590 bgcolor="#F0F0F0" >
<tr>
<td nowrap><input type=checkbox name=clickall2 onclick="selectall(this.checked)">
全选</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<center>
</center>
</body>
</html>
kyland 2004-11-10
- 打赏
- 举报
Javascript，非Java。
建议去看看www.javascript.com
建议去看看www.javascript.com
yanglei031 2004-11-10
- 打赏
- 举报
THKS!
