点击按钮如何使多选框全部选中?能否给出javascript的代码,谢谢~

mumasgw 2004-09-20 09:52:12
我想在页面上放一个普通按钮,点击之后页面上的多选框能够全部被选中,不知道javascript能不能做,谢谢~
...全文
173 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
tanyun1111 2004-09-20
  • 打赏
  • 举报
回复
<script language='javascript'>
<!--
function chkAll(){
var iIndex=0;
for(iIndex=0;iIndex<form1.length;iIndex++){
if(form1.elements[iIndex].name=="checkbox"){
form1.elements[iIndex].checked;
}
}
}
//-->
</script>

<input type="button" name="button1" onClick="chkAll();">
风流才子 2004-09-20
  • 打赏
  • 举报
回复
<input name="all" type="checkbox" onclick="baoall()"><font size="2">全选</font><br>
<input name="m" type="checkbox" onclick=woyingjie()>
<input name="m" type="checkbox" onclick=woyingjie()>
<input name="m" type="checkbox" onclick=woyingjie()>
<input name="m" type="checkbox" onclick=woyingjie()>
<input name="m" type="checkbox" onclick=woyingjie()>
<input name="m" type="checkbox" onclick=woyingjie()>

<script language="javascript">
function baoall(){
var all=document.all.all.checked;
var inputs=document.getElementsByTagName("INPUT");
for (var i=0;i<inputs.length;i++){
if (inputs[i].type=="checkbox" && all==true){
inputs[i].checked=true;
//inputs[i].style.background=""
}else{
inputs[i].checked=false;
//inputs[i].style.background=""
}
}
}
function woyingjie(){
var n=0;
for (i=0;i<document.all.m.length;i++) {
document.all.m[i].checked==true?n++:'';
}
document.all.all.checked=n==6;
}
</script>
caojinrong 2004-09-20
  • 打赏
  • 举报
回复
<html>
<head>
<script language="vbscript">
sub button1_onclick
for each i in form1
i.checked=not i.checked
next
end sub
</script>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form name="form1">
<input type="checkbox" >
<input type="checkbox" >
<input type="checkbox" >
<input type="button" name="button1" value="click">
</form>
</body>
</html>
blestcc 2004-09-20
  • 打赏
  • 举报
回复
function allchose(exclude)//全选
{ for(i=0;i<document.forms.length;i++)
{
for(j=0;j<document.forms[i].elements.length;++j)
{if(document.forms[i].elements[j].disabled==false)
if(document.forms[i].elements[j].type=="checkbox")
{
if(exclude)
{
for(m=0;m<exclude.length;m++)
{
if(document.forms[i].elements[j].name!=exclude[m])
document.forms[i].elements[j].checked=true;
}
}
else
document.forms[i].elements[j].checked=true;

}
}
}
}
dout 2004-09-20
  • 打赏
  • 举报
回复
<script language="javascript">
function JyDown() {
for (var i=0;i<document.JyDownH.JyDownID.length;i++) {
var e=document.JyDownH.JyDownID[i];
e.checked=!e.checked;
}
}
</script>

<a href="javascript:JyDown()">选择</a>

JyDownID[i]为多选框各框的id值

当你点击选择时就能实现
孟子E章 2004-09-20
  • 打赏
  • 举报
回复
var ischeked=true
function ok()
{
o = document.getElemnentsByTagName("INPUT")
for(i=0;i<o.length;i++)
{
if(o[i].type=='checkbox') o[i].checked=ischeked
}
ischeked=!ischeked
}
zltostem 2004-09-20
  • 打赏
  • 举报
回复
<input type=checkbox>
<input type=checkbox>
<input type=checkbox>
<input type=checkbox>
<input type=checkbox>
<p><input type=button value=select onclick="for(var i=0;i<document.all.length;i++){if(document.all(i).type=='checkbox')document.all(i).checked =true;}">

87,921

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧