使用javascript实现关于checkbox的功能（本人只有60分了，不好意思）

hahaha1234567 2003-08-19 02:46:55

要求，有一个全选的checkbox,当选中时页面table里所有的checkbox都选中。按下save按钮时，需要提交所选中的行（每一行都可以分别选中，即每一行前都有一个checkbox）。

...全文

78 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

hahaha1234567 2003-08-20

打赏
举报

结贴

hahaha1234567 2003-08-20

打赏
举报

问题解决了，使用回复人： haozhenming(好好) ( ) 的方法，不过好像不能在ns上实现

郝振明 2003-08-20

打赏
举报

shyslysky 2003-08-19

打赏
举报

<TABLE id="Table1" style="Z-INDEX: 101; LEFT: 30px; POSITION: absolute; TOP: 21px" cellSpacing="1" cellPadding="1" width="300" border="1">
<TR>
<TD><INPUT type="checkbox" name="cb1" onclick =isAllSelected(this)><FONT face="宋体"> shy </FONT></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="cb2" onclick =isAllSelected(this)><FONT face="宋体"> sly</FONT></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="cb3" onclick =isAllSelected(this)><FONT face="宋体"> sky</FONT></TD>
</TR>
<TR>
<TD><INPUT onclick="allSelected()" type="checkbox" name="cb">全选
<INPUT style="WIDTH: 58px; HEIGHT: 19px" type="button" value="保存" onclick="save()"></TD>
</TR>
</TABLE>
<script>
function allSelected()
{
var elements=document.all.tags("INPUT");
for (var i=0;i<elements.length;i++)
{

if (elements[i].type=='checkbox'&&elements[i].checked==false)
elements[i].checked=true;
}

}

function isAllSelected(obj)
{

if (obj.checked==false)
{
document.all.cb.checked=false;

}

}

var str =new String();
function save()
{
str="";
var elements=document.all.tags("INPUT");
for (var i=0;i<elements.length;i++)
{

if (elements[i].type=='checkbox'&&elements[i].checked==true&&elements[i].name!='cb')
str+=elements[i].parentElement.innerText;
}
alert("你选择保存了："+str);
}
</script>

hahaha1234567 2003-08-19

打赏
举报

我的table在STRUTS标签下，而且，行是从数据库读取得

kingdomzhf 2003-08-19

打赏
举报

<body>
<table id=t border=1><tr><td><input id=t1 type=checkbox>a</td></tr><tr><td><input id=t2 type=checkbox>b</td></tr></table>
<input type=button onclick="aa()" value='select all'>
<script>
function aa()
{

for(var i =0;i < t.rows.length;i++)
{
document.all('t' + (i + 1)).checked= true;
}
}
</script>

</body>

zhaoweiwei 2003-08-19

打赏
举报

<html>

<head>

<title>New Page 1</title>
</head>
<script>
function check()
{
for(var counter=0;counter<=f1.elements.length-1;counter++)
{
if(!f1.elements[counter].checked)
{
f1.elements[counter].checked=true
}
else
{
f1.elements[counter].checked=false

}

}
}
</script>
<body>
<form name="f1" method="POST" action="--WEBBOT-SELF--">

<p><input type="checkbox" name="c1" value="ON">
<input type="checkbox" name="c2" value="ON">
<input type="checkbox" name="c3" value="ON">
</p>
<p><input type="button" value="按钮" name="B3" onClick="check()">
</p>
<p>　</p>
</form>

</body>

</html>

zhaoweiwei 2003-08-19