JSP复选框全选的一个问题

GavinFj 2007-01-31 02:49:52
下面是我写的一个简单的JSP页面代码:
<form name="form">
<input type="checkbox" name="id" value="">1
<input type="checkbox" name="id" value="">2
<input type="checkbox" name="id" value="">3
<input type="checkbox" name="id" value="">4
<input type="checkbox" name="chose" value="" onclick="selectAll()">全选
</form>
<script>
function selectAll()
{
for(var i=0;i<document.form.id.length;i++)
{
if(document.form.chose.checked)
document.form.id[i].checked=true;
else
document.form.id[i].checked=false;
}
}
</script>

问题: 当名为”id“的复选框只有一个时无法实现全选的功能。因为id是从数据库读出来的,有
可能是只有一个值,但是也有可能是多个。多个时可以实现全选的功能,一个就不行。不知道是
什么原因,不懂解决;请有经验的高手帮忙下。
...全文
376 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
GavinFj 2007-01-31
  • 打赏
  • 举报
回复
2种都可以,apollokk() ( )让我知道原因。谢谢你们!
Hello World, 2007-01-31
  • 打赏
  • 举报
回复
只有一个的时候就不要用全选好了,因为这时候document.form.id.length是未定义的,会出错,加一个判断,在单个的时候不显示全选:
<form name="form">
<input type="checkbox" name="id" value="">1
<input type="checkbox" name="id" value="">2
<input type="checkbox" name="id" value="">3
<input type="checkbox" name="id" value="">4
<script>
if(document.form.id.length){
document.writeln("<input type=\"checkbox\" name=\"chose\" id=\"Check_all\" value=\"\" onclick=\"selectAll()\"><label for=\"Check_all\">Check all</label>");
}
</script>
</form>
<script>
function selectAll()
{
for(var i=0;i<document.form.id.length;i++)
{
if(document.form.chose.checked)
document.form.id[i].checked=true;
else
document.form.id[i].checked=false;
}
}
</script>
boco_csj 2007-01-31
  • 打赏
  • 举报
回复
<form name="form" ID="Form1">
<input type="checkbox" name="id" value="" ID="Checkbox1">1
<input type="checkbox" name="id" value="" ID="Checkbox2">2
<input type="checkbox" name="chose" value="" onclick="selectAll()" ID="Checkbox5">allselect
</form>
<script>
function selectAll()
{
if(!document.form.id.length){
if(document.form.chose.checked){
document.form.id.checked=true;
}
else{
document.form.id.checked=false;
}
}
else{
for(var i=0;i<document.form.id.length;i++){
if(document.form.chose.checked){
document.form.id[i].checked=true;
}
else{
document.form.id[i].checked=false;
}
}
}
}
</script>
即可!
GavinFj 2007-01-31
  • 打赏
  • 举报
回复
又是广告的...还以为谁回答...
GavinFj 2007-01-31
  • 打赏
  • 举报
回复
没人知道吗,帮帮我555

81,092

社区成员

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

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