sinobuy
  

你好! 访客. 请先 登陆注册一个帐号.
十一月 19, 2019, 12:05:09 am
论文答辩趣闻 新年祝福短信 淘淘成长日记 可爱发行全攻略 鬼故事一箩筐 杨柳青石家大院 淘淘成长日记
* 首页 说明 搜索 日历 登陆 注册
公告和新闻:现在关注原生态购物网微博 ,转发就送3元  点击进入
原生态论坛  |  设计专版  |  网页/程序设计 (版主: tianya)  |  主题: javascript-多选及反选框的实现 0 会员 以及 1 访客 正在阅读本篇主题. « 上一篇主题 下一篇主题 »
页: [1] 向下 打印
作者 主题: javascript-多选及反选框的实现  (阅读 3062 次)
玩遍天下
总斑竹
级别:自成一派
*****

受欢迎度: 1
离线 离线

帖子: 388


javascript-多选及反选框的实现
« 于: 十月 03, 2006, 04:30:31 pm »

将目标指向表单:form=document.select //这里的select对应表单的name
遍历表单元素:for( var i=0 ;i<form.elements.length ;i++)
取得事件发生的对象:event.srcElement
复选框的选中:form.elements.checked
反选:!form.elements.checked

有了前面的基础,再看下面这段代码,应该就比较轻松了,^_^

程序代码:
<style type="text/css">
<!--
.STYLE1 {font-size: 12px}
-->
</style>
<script language="javascript">
function selectIt(){
    form=document.lzyy
    action=event.srcElement.name
    for(var i=0 ;i<form.elements.length;i++){
        if(form.elements[i].name=="checkbox"){
            e=form.elements[i]
            e.checked=(action=="selectAll")?(form.selectAll.checked):(!e.checked)
            }
        }
    }
</script>
<form name="lzyy">
<p class="STYLE1">
全 选   
  <input type="checkbox" name="selectAll" value="checkbox" onClick="selectIt()"><br>
反 选   
<input type="checkbox" name="invest" value="checkbox" onClick="selectIt()"><br>
  Item1
  <input type="checkbox" name="checkbox" value="checkbox">
  <br>
  Item2
  <input type="checkbox" name="checkbox" value="checkbox"><br>
  Item3
  <input type="checkbox" name="checkbox" value="checkbox"><br>
  Item4
  <input type="checkbox" name="checkbox" value="checkbox"><br>
  Item5
  <input type="checkbox" name="checkbox" value="checkbox">
</p>
</form>

已记录

原生态特色礼品:沉香 紫檀 黄花梨
页: [1] 向上 打印 
原生态论坛  |  设计专版  |  网页/程序设计 (版主: tianya)  |  主题: javascript-多选及反选框的实现 « 上一篇主题 下一篇主题 »
跳到:  

友情链接: 原生态购物网 原生态官方博客  佛珠网  搜狐社区 淑女情缘论坛 沉香
  原生态论坛© 2005~2017, www.sinobuy.cn 版权所有
Powered by SMF 1.1 RC1 Lewis Media.
Powered by MySQL  Powered by PHP  Valid XHTML 1.0!  Valid CSS!