怎么对checkbox做全选?
有个记录列表每个记录前有checkbox,每个box的名字是asp动态生成的,怎样做个按钮对所有的checkbox都选中? 问题点数:30、回复次数:11Top
1 楼maohuibo(钟道明)回复于 2002-07-19 16:31:21 得分 0
request.form("multipleselect")Top
2 楼meizz(梅花雪)回复于 2002-07-19 17:03:01 得分 0
<input type=checkbox name=c1><br>
<input type=checkbox name=c2><br>
<input type=checkbox name=c3><br>
<input type=checkbox name=c4><br>
<input type=checkbox name=c5><br>
.......
<input type=button value=全选 onclick=cc()>
<script language="Javascript">
function cc(){
var aa = document.getElementsByTagName("input");
for (var i=0; i<aa.length; i++){
if (aa[i].type=="checkbox")
aa[i].checked=true;
}
}
</script>Top
3 楼meizz(梅花雪)回复于 2002-07-19 17:05:02 得分 0
<input type=checkbox name=c1><br>
<input type=checkbox name=c2><br>
<input type=checkbox name=c3><br>
<input type=checkbox name=c4><br>
<input type=checkbox name=c5><br>
.......
<input type=button value=全选 onclick=cc()>
<script language="Javascript">
function cc(){
var aa = document.getElementsByTagName("input");
for (var i=0; i<aa.length; i++){
if (aa[i].type=="checkbox")
aa[i].checked=true;
}
}
</script>Top
4 楼meizz(梅花雪)回复于 2002-07-19 17:06:06 得分 0
<input type=checkbox name=c1><br>
<input type=checkbox name=c2><br>
<input type=checkbox name=c3><br>
<input type=checkbox name=c4><br>
<input type=checkbox name=c5><br>
.......<br>
<input type=button value=全选 onclick=cc()>
<script language="Javascript">
function cc(){
var aa = document.getElementsByTagName("input");
for (var i=0; i<aa.length; i++){
if (aa[i].type=="checkbox")
aa[i].checked=true;
}
}
</script>Top
5 楼hzpike(pike)回复于 2002-07-19 19:19:43 得分 0
要在页面上直接看到被打勾呢Top
6 楼lanying(蓝鹰)(问个不休)回复于 2002-07-19 19:40:15 得分 0
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=unicode">
<script language=javascript>
function select_all()
{
var i;
for(i=0;i<2;i++)
document.all("chk")[i].checked = true;
}
</script>
<META content="MSHTML 5.50.4807.2300" name=GENERATOR></HEAD>
<BODY>
<INPUT id=chk type=checkbox name=chk>
<INPUT id=chk type=checkbox name=chk>
<INPUT id=button1 type=button value=Button name=button1 onclick="select_all()">
</BODY></HTML>Top
7 楼net_lover(【孟子E章】)回复于 2002-07-19 19:46:25 得分 15
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<script language=javascript>
function select_all()
{
var i;
for(i=0;i<document.getElementsByTagName("IBPUT").length;i++)
{
if(document.getElementsByTagName("IBPUT")[i].type=="checkbox")
document.getElementsByTagName("IBPUT")[i].checked = true;
}
}
</script>
HEAD>
<BODY>
<INPUT id=chk type=checkbox name=chk>
<INPUT id=chk type=checkbox name=chk>
<INPUT id=button1 type=button value=Button name=button1 onclick="select_all()">
</BODY></HTML>
Top
8 楼lanying(蓝鹰)(问个不休)回复于 2002-07-19 20:04:13 得分 0
孟子的比我的严密,通用性好,学习
Top
9 楼anqiant(许留心)回复于 2002-07-19 20:25:37 得分 15
<html>
<head>
<title>多门客栈论坛--短消息</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<LINK href="forum.css" rel=stylesheet>
<SCRIPT language=javascript>
<!-- 删除选中邮件 -->
function clickdelete(){
if (!isselected()) return;
document.forms["listmsgs"].submit();
}
<!-- 全选 -->
function selectall(v){
var f = document.forms["listmsgs"];
for (i=0;i<f.elements.length;i++)
if (f.elements[i].name=="chkdel") f.elements[i].checked = v;
document.forms["listmsgs"].elements["clickall"].checked = v;
}
<!-- 清空 -->
function clickexpunge(){
document.forms["listmsgs"].action="folder";
document.forms["listmsgs"].elements["act"].value="4";
document.forms["listmsgs"].elements["foldername"].value="收件箱";
document.forms["listmsgs"].submit();
}
<!-- 是否有选中? -->
function isselected(){
var f = document.forms["listmsgs"];
for (i=0;i<f.elements.length;i++)
if ((f.elements[i].name=="chkdel") && (f.elements[i].checked)) return true;
return false;
}
</SCRIPT>
</head>
<body bgcolor="#FFD298" alink="#333333" vlink="#333333" link="#333333" topmargin=10 leftmargin=10>
<table cellpadding=0 cellspacing=0 border=0 width=95% bgcolor=#6b000c align=center>
<tr>
<td>
<table cellpadding=2 cellspacing=1 border=0 width=100%>
<tr bgcolor="#d19940">
<td align=center colspan=4><font face="宋体" color=#333333><b>欢迎使用您的收件箱,anqiant</b></font></td>
</tr>
<tr>
<td bgcolor=#FFD298 valign=middle align=center colspan=4><a href="messanger.asp?action=inbox"><img src="pic/inboxpm.gif" border=0 alt="收件箱"></a>
<a href="messanger.asp?action=outbox"><img src="pic/outboxpm.gif" border=0 alt="发件箱"></a>
<a href="messanger.asp?action=new"><img src="pic/newpm.gif" border=0 alt="发送消息"></a></td>
</tr>
<FORM action=messanger.asp method=post name=listmsgs>
<tr>
<td bgcolor=#FFD298 align=center ><font face="宋体" color=#333333><b>来自</b></font></td>
<td bgcolor=#FFD298 align=center width=><font face="宋体" color=#333333><b>主题</b></font></td>
<td bgcolor=#FFD298 align=center width=30><font face="宋体" color=#333333><b>已读</b></font></td>
<td bgcolor=#FFD298 align=center width=90><b>全选</b><input name=clickall onClick=selectall(this.checked) type=checkbox></td>
</tr>
<tr >
<td bgcolor=#FFD298 align=center valign=middle><font face="宋体" color=#333333>多门信使</font></td>
<td bgcolor=#FFD298 align=left valign=middle><font face="宋体" color=#333333><a href="messanger.asp?action=read&id=13048">多门斑竹新制度:给我精彩一月!</a></font></td>
<td bgcolor=#FFD298 align=center valign=middle><font face="宋体" color="#333333">是</font></td>
<td bgcolor=#FFD298 align=center>
<input type="checkbox" name=chkdel value=13048>
</td>
</tr>
<tr >
<td bgcolor=#FFD298 align=center valign=middle><font face="宋体" color=#333333>多门信使</font></td>
<td bgcolor=#FFD298 align=left valign=middle><font face="宋体" color=#333333><a href="messanger.asp?action=read&id=11864">多门周末电影院拟订开通:本周第一场~</a></font></td>
<td bgcolor=#FFD298 align=center valign=middle><font face="宋体" color="#333333">是</font></td>
<td bgcolor=#FFD298 align=center>
<input type="checkbox" name=chkdel value=11864>
</td>
</tr>
<input type=hidden value=delete name=action>
<input type=hidden value=inbox name=box>
<tr bgcolor="#d19940">
<td align=center valign=middle colspan=3><font face="宋体" color=#333333><a href="messanger.asp?action=deleteall&box=inbox">删除所有的短信</a></font></td>
<td align=center><input onClick=clickdelete() type=button value=删除所选></td>
</tr></form>
</table>
</td></tr></table>
</body>
</html>
在DW 里仔细研究一下,应该有收获。Top
10 楼anqiant(许留心)回复于 2002-07-19 20:29:17 得分 0
<html>
<head>
<title>多门客栈论坛--短消息</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<LINK href="forum.css" rel=stylesheet>
<SCRIPT language=javascript>
<!-- 删除选中邮件 -->
function clickdelete(){
if (!isselected()) return;
document.forms["listmsgs"].submit();
}
<!-- 全选 -->
function selectall(v){
var f = document.forms["listmsgs"];
for (i=0;i<f.elements.length;i++)
if (f.elements[i].name=="chkdel") f.elements[i].checked = v;
document.forms["listmsgs"].elements["clickall"].checked = v;
}
<!-- 清空 -->
function clickexpunge(){
document.forms["listmsgs"].action="folder";
document.forms["listmsgs"].elements["act"].value="4";
document.forms["listmsgs"].elements["foldername"].value="收件箱";
document.forms["listmsgs"].submit();
}
<!-- 是否有选中? -->
function isselected(){
var f = document.forms["listmsgs"];
for (i=0;i<f.elements.length;i++)
if ((f.elements[i].name=="chkdel") && (f.elements[i].checked)) return true;
return false;
}
</SCRIPT>
</head>
<body bgcolor="#FFD298" alink="#333333" vlink="#333333" link="#333333" topmargin=10 leftmargin=10>
<table cellpadding=0 cellspacing=0 border=0 width=95% bgcolor=#6b000c align=center>
<tr>
<td>
<table cellpadding=2 cellspacing=1 border=0 width=100%>
<tr bgcolor="#d19940">
<td align=center colspan=4><font face="宋体" color=#333333><b>欢迎使用您的收件箱,anqiant</b></font></td>
</tr>
<tr>
<td bgcolor=#FFD298 valign=middle align=center colspan=4><a href="messanger.asp?action=inbox"><img src="pic/inboxpm.gif" border=0 alt="收件箱"></a>
<a href="messanger.asp?action=outbox"><img src="pic/outboxpm.gif" border=0 alt="发件箱"></a>
<a href="messanger.asp?action=new"><img src="pic/newpm.gif" border=0 alt="发送消息"></a></td>
</tr>
<FORM action=messanger.asp method=post name=listmsgs>
<tr>
<td bgcolor=#FFD298 align=center ><font face="宋体" color=#333333><b>来自</b></font></td>
<td bgcolor=#FFD298 align=center width=><font face="宋体" color=#333333><b>主题</b></font></td>
<td bgcolor=#FFD298 align=center width=30><font face="宋体" color=#333333><b>已读</b></font></td>
<td bgcolor=#FFD298 align=center width=90><b>全选</b><input name=clickall onClick=selectall(this.checked) type=checkbox></td>
</tr>
<tr >
<td bgcolor=#FFD298 align=center valign=middle><font face="宋体" color=#333333>多门信使</font></td>
<td bgcolor=#FFD298 align=left valign=middle><font face="宋体" color=#333333><a href="messanger.asp?action=read&id=13048">多门斑竹新制度:给我精彩一月!</a></font></td>
<td bgcolor=#FFD298 align=center valign=middle><font face="宋体" color="#333333">是</font></td>
<td bgcolor=#FFD298 align=center>
<input type="checkbox" name=chkdel value=13048>
</td>
</tr>
<tr >
<td bgcolor=#FFD298 align=center valign=middle><font face="宋体" color=#333333>多门信使</font></td>
<td bgcolor=#FFD298 align=left valign=middle><font face="宋体" color=#333333><a href="messanger.asp?action=read&id=11864">多门周末电影院拟订开通:本周第一场~</a></font></td>
<td bgcolor=#FFD298 align=center valign=middle><font face="宋体" color="#333333">是</font></td>
<td bgcolor=#FFD298 align=center>
<input type="checkbox" name=chkdel value=11864>
</td>
</tr>
<input type=hidden value=delete name=action>
<input type=hidden value=inbox name=box>
<tr bgcolor="#d19940">
<td align=center valign=middle colspan=3><font face="宋体" color=#333333><a href="messanger.asp?action=deleteall&box=inbox">删除所有的短信</a></font></td>
<td align=center><input onClick=clickdelete() type=button value=删除所选></td>
</tr></form>
</table>
</td></tr></table>
</body>
</html>Top
11 楼hchxxzx(NET?摸到一点门槛)回复于 2002-07-19 22:21:32 得分 0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="button" name=click value=click onclick="change_all()">
</FORM>
</BODY>
</HTML>
<SCRIPT LANGUAGE="vbScript">
<!--
function change_all()
set box=document.all("box1")
for i=0 to box.length-1
if box(i).checked=true then
box(i).checked=false
else
box(i).checked=true
end if
next
end function
//-->
</SCRIPT>Top
12 楼hchxxzx(NET?摸到一点门槛)回复于 2002-07-19 22:22:45 得分 0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="checkbox" NAME="box1">
<INPUT TYPE="button" name=click value=click onclick="change_all()">
</FORM>
</BODY>
</HTML>
<SCRIPT LANGUAGE="vbScript">
<!--
function change_all()
set box=document.all("box1")
for i=0 to box.length-1
if box(i).checked=true then
box(i).checked=false
else
box(i).checked=true
end if
next
end function
//-->
</SCRIPT>Top
13 楼meizz(梅花雪)回复于 2002-07-20 08:10:59 得分 0
<input type=checkbox name=c1 checked readonly><br>
<input type=checkbox name=c2><br>
<input type=checkbox name=c3><br>
<input type=checkbox name=c4><br>
<input type=checkbox name=c5><br>
.......
<input type=button value=全选 onclick=cc()>
<script language="Javascript">
function cc(){
var aa = document.getElementsByTagName("input");
for (var i=0; i<aa.length; i++){
if (aa[i].type=="checkbox")
aa[i].checked=true;
}
}
</script>Top
14 楼meizz(梅花雪)回复于 2002-07-20 08:29:42 得分 0
sorry!上面有句代码 是我在测试另一种效果时加,没删除掉,对不起了,楼主!
<input type=checkbox name=c1><br>
<input type=checkbox name=c2><br>
<input type=checkbox name=c3><br>
<input type=checkbox name=c4><br>
<input type=checkbox name=c5><br>
.......
<input type=button value=全选 onclick=cc()>
<script language="Javascript">
function cc(){
var aa = document.getElementsByTagName("input");
for (var i=0; i<aa.length; i++){
if (aa[i].type=="checkbox")
aa[i].checked=true;
}
}
</script>Top
15 楼guanhui1997(阿关)回复于 2002-07-20 08:37:49 得分 0
<script language="JavaScript" type="text/JavaScript">
function selectall(v){
var f = document.forms["listmsgs"];
for (i=0;i<f.elements.length;i++)
if (f.elements[i].type=="checkbox") f.elements[i].checked = v;
document.forms["listmsgs"].elements["clickall"].checked = v;
}
</script>
<input type=checkbox name=clickall onClick="selectall(this.checked)">
全选
Top




