当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 用Javscript实现表单复选框的全选功能

Javascript
图片展示效果 鼠标经过变大图,支持FF
可拖动可改变大小div的实现代码
javascript 随机广告代码(图片广告)
JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现
JQuery 浮动导航栏实现代码
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
js 分栏效果实现代码
基于jQuery的ajax功能实现web service的json转化
IE 条件注释详解总结(附实例代码)
用cssText批量修改样式
JavaScript 应用技巧集合[推荐]
jquery 导航设计实现代码 学习jquery的朋友可以看下
动态样式类封装JS代码
一步一步教你写一个jQuery的插件教程(Plugin)
使用jQuery的ajax功能实现的RSS Reader 代码
jquery tools 系列 scrollable(2)
jquery tools系列 overlay 学习
jquery tools系列 expose 学习
javascript十个最常用的自定义函数(中文版)
javascript 流畅动画实现原理

Javascript 中的 用Javscript实现表单复选框的全选功能


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 182 ::
收藏到网摘: n/a

一个比较常见的全选功能,前天在弄后台的时候有看到,整理了一下。具体:
//说明:form1为表单名,mId为复选框,selectbutton为全选按钮
<script language="javascript">
function selectAll()
{
for (var i=0;i<document.form1.mId.length;i++) {
var temp=document.form1.mId[i];
temp.checked=!temp.checked;
}
if (document.form1.selectButton.value=="全部选择")
{
document.form1.selectButton.value="取消全选";
}
else
{
document.form1.selectButton.value="全部选择";
}
}
</script>
复选框:<input name="mId" type="checkbox" value="复选框的值">
说明:注意复选框的name应该与上面脚本中的document.form1.mId对应
全选按钮:
  <input type="button" name=selectButton value="全部选择" onClick="selectAll()">
同样注意name=selectButton