如何实现复选框的全部选中

coderStone 2003-04-18 10:06:02
相做一个按钮或选框，点击后，所有的复选框都选中；哪位高手有好方法，请指教！
谢谢大家先！
...全文
141 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
coderStone 2003-04-24
  • 打赏
  • 举报
 回复
谢谢！
xxrl 2003-04-18
  • 打赏
  • 举报
 回复
lambcolt(平于月) 呵呵，
lambcolt 2003-04-18
  • 打赏
  • 举报
 回复
// ***记得给分哦!***
<html>
<head>
<title>选择客户单位</title>
</head>
<script>
function checkSelected(fmName, strId)
{
var nSelected = 0;
var tmpbox;
var FormName;
var str;

if (typeof(fmName) == "undefined" || fmName == '')
FormName = document.forms[0];
else
FormName = eval("document." + fmName);

if (typeof(strId) == "undefined")
str = "id";
else
str = strId;

for (var i = 0; i < FormName.length; i++) {
tmpbox = FormName.elements[i];
if (tmpbox.name.substr(0, str.length) == str)
if(tmpbox.checked)
nSelected++;
}
return nSelected;
}

function selectAll(fmName, strId)
{
var bAllCheck = true;
var i;
var tmpbox;
var FormName;
var str;

if (typeof(fmName) == "undefined")
FormName = document.forms[0];
else
FormName = eval("document." + fmName);

if (typeof(strId) == "undefined")
str = "check";
else
str = strId;

for (i = 0; i < FormName.length; i++) {
tmpbox = FormName.elements[i];
if (tmpbox.name.substr(0, str.length) == str) {
if (!tmpbox.checked) {
bAllCheck = false;
break;
}
}
}

for (i = 0; i < FormName.length; i++) {
tmpbox = FormName.elements[i];
if (tmpbox.name.substr(0, str.length) == str) {
tmpbox.checked = !bAllCheck;
}
}
}
</script>

<body>
<form method="post" target="_self" name="CustomerSearch" >
<table class=borderTable width=100% border=0 cellspacing="0" cellpadding="3">
<tr>
<td>
<button name="SelectAll" onClick="selectAll('CustomerSearch','Check')">全选</button>  
<input type=submit name=DeleteSel class=delete value="删除">
第1页/共47页</td>
</tr>
</table>
<table class=borderTable width=100% border=0 cellspacing="0" cellpadding="3">
<tr>
<td class=head></td>
<td class=head>客户编号</td>
<td class=head>客户分类</td>
<td class=head>客户名称</td>
<td class=head>地区</td>
<td class=head>销售员</td>
</tr>
<tr><td class=line1 colspan=9></td></tr><tr><td class=line2 colspan=9></td></tr>
<tr>
<td>
<div align="center">
<input type="checkbox" name="Check" value="010-0009">
</div>
</td>
<td>
<div align="center">010-0009</div>
</td>
<td>
<div align="center">其他
</div>
</td>
<td>
<div align="center">北京照相机总厂 </div>
</td>
<td>
<div align="center">北京 </div>
</td>
<td>
<div align="center">邹 </div>
</td>
</tr>
<tr><td class=line1 colspan=9></td></tr><tr><td class=line2 colspan=9></td></tr>
<tr>
<td>
<div align="center">
<input type="checkbox" name="Check" value="010-0010">
</div>
</td>
<td>
<div align="center">010-0010</div>
</td>
<td>
<div align="center">电器
</div>
</td>
<td>
<div align="center">北京创新园电器有限公司 </div>
</td>
<td>
<div align="center">北京 </div>
</td>
<td>
<div align="center">高 </div>
</td>
</tr>
<tr><td class=line1 colspan=9></td></tr><tr><td class=line2 colspan=9></td></tr>
<tr>
<td>
<div align="center">
<input type="checkbox" name="Check" value="010-0011">
</div>
</td>
<td>
<div align="center">010-0011</div>
</td>
<td>
<div align="center">其他
</div>
</td>
<td>
<div align="center">北京金陶洁具有限公司 </div>
</td>
<td>
<div align="center">北京 </div>
</td>
<td>
<div align="center">邹 </div>
</td>
</tr>
<tr><td class=line1 colspan=9></td></tr><tr><td class=line2 colspan=9></td></tr>
</table>
</form>
</body>
</html>
tigerwen01 2003-04-18
  • 打赏
  • 举报
 回复
<script language="JavaScript">
function CheckAll(form)
{for (var i=0;i<form.elements.length;i++)
{var e = form.elements[i];
if (e.name != 'chkall')
e.checked = form.chkall.checked;
}
}
</script>

</head>

<body>
<form>
<table>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>
<tr>
<td ><input type="checkbox" value="111" name="TradeName"></td>
</tr>

<tr>
<td bgcolor="#F1FBFC" height="25" colspan="2">
<p align="left"><input type="checkbox" name="chkall" value="on" onclick="CheckAll(this.form)"><font color="#FF9900">选中所有显示的消息</font></p>
</td>
<center>


</tr>
</table>
</form>
tenghongc 2003-04-18
  • 打赏
  • 举报
 回复
<script language="javascript">
<!--

function Qx(){
var clength=document.form1.a.length
var i
for(i=0;i<clength;i++){
form1.a(i).checked=true
}
}


function Qbx(){
var clength=document.form1.a.length
var i
for(i=0;i<clength;i++){
form1.a(i).checked=false
}
}

-->
</script>
<form name=form1 method="POST" action="">
<input type="checkbox" name="a" value="checkbox">
aa<br>
<input type="checkbox" name="a" value="checkbox">
bb<br>
<input type="checkbox" name="a" value="checkbox">
cc<br>
<input type=button name=qx value=全选 onclick="Qx()">
<input type=button name=qbx value=全不选 onclick="Qbx()">
</form>
huangzp 2003-04-18
  • 打赏
  • 举报
 回复
Check this:
function checkAll() //此函数用于选中所有复选框。
{
with(document.form1)
{
for(i=0;i<length;i++)
if(elements[i].type=="checkbox")
elements[i].checked=true;
}
}
带CheckBox的listView 支持多选,全选,反选
在许多场景下，我们需要在ListView中加入复选框（CheckBox），实现多选、全选和反选的功能，例如在选择联系人、设置菜单等场景。这个“带CheckBox的listView”项目就是为了解决这类需求而设计的，并且已经解决了常见...
Android 超高仿微信图片选择器完整实例源码下载
- 实现图片的选中状态，通常通过设置不同颜色的选中指示器或者使用复选框控件来实现。 2. **文件系统访问**： - 使用`Environment.getExternalStorageDirectory()`获取外部存储目录，用于查找图片路径。 - `...
jQuery实现全选框选中时选中所有复选框,取消其中一个就会取消全选框,全部选中则选中全选所在的复选框
使用jQuery实现全选框选中时选中所有复选框, 取消选中全选框时,所有的复选框取消选中状态 取消其中一个就会取消全选框, 全部选中则选中全选所在的复选框 代码实现: <html> <head> <meta ...
基于 jQuery 实现复选框全选与选中项查询功能
联动更新：当内容区域的复选框全部被选中时，标题栏的复选框自动勾选；若有任意一个取消选中，标题栏复选框则取消勾选。选中项查询：点击 “点击查询被勾选的复选框” 按钮，能够获取并展示当前被勾选的复选框数量和...
JQuery之子复选框全部选中则全选框选中
如果子复选框全部选中则全选框选中，但是子复选框有一个没有被选中则全选框不被选中
ASP

28,405

社区成员

356,946

社区内容

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages，是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章