广告广告
  加入我的最爱 设为首页 风格修改
首页 首尾
 手机版   订阅   地图  繁体 
您是第 4525 个阅读者
 
发表文章 发表投票 回覆文章
  可列印版   加为IE收藏   收藏主题   上一主题 | 下一主题   
keigo
个人头像
个人文章 个人相簿 个人日记 个人地图
初露锋芒
级别: 初露锋芒 该用户目前不上站
推文 x0 鲜花 x71
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片
推文 x0
[JScript][讨论] 用CheckBox来做全选/全取消/反向选取
有人问说..可否做到点选某CheckBox后,来达到全选及全取消的效果。若只是要做到这样,那未免也太简单了点,所以我就多加了一个反向选取的效果。

先来看下列的Code:



在Body里面只是加了几个CheckBox及三个Button。每一个Button的Click都会触发各自的方法。每个CheckBox的name都是相同的。

先来看全选这个方法。



我用document.all.namedItem("c1")来取得表单里面name为c1的CheckBox的集合checkItem。再来就是跑个回圈一一把checkItem阵列中每一个的checked值设成true即可。

全取消的做法也是同全选,只是要把checked值设成false。



不过酱的功能好像还蛮常见到的,像是Yahoo的信箱就有提供这样全选的功能了,但若只是做到全选或是全取消的话,好像还不够用,所以我还多加了一个反向选取的功能。

什么是反向选取?其实这只是种比较贴心的应用方法,比如我们有10个CheckBox选项,可是在我们选完第1,3,5,7,9的选项后,却又想改选为第2,4,6,8,10选项时怎样办?先把1,3,5,7,9点掉再勾选2,4,6,8,10吗?这样实在太不方便了。所以,反项选取就是把勾选的变成未勾选;未勾选的变成勾选。酱子只要点一下反向选取就能达到上面范例的目的了。

再来看反向选取的Code:



反向选取的做法其实就跟全选/全取消是一样,只是多加了个判断,若是checked值为true时就改为false;若checked值为false时就改为true。只是我在指定值时用的一个惊叹号(!),这表示相反的意思。怎样,并不难吧。

其实这几个方法没用到什么比较难的语法,只要知道原理就能做出来哩。

范例浏览:

http://abgne.myweb.hinet...0002.html

以上内容于2005/08/31发表在小弟的Blog里http://blog.xuite.net/abgne/diary1/3855816



欢迎各位参观小弟的Blog男丁格尔's 脱壳玩
献花 x0 回到顶端 [楼 主] From:台湾中华电信 | Posted:2006-01-17 21:33 |
large 手机
数位造型
个人文章 个人相簿 个人日记 个人地图
初露锋芒
级别: 初露锋芒 该用户目前不上站
推文 x0 鲜花 x85
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片

真是贴心的设计阿
以前也有被人问过,想了一段时间才解决说
不过刚刚事了一下,发现到你的反向选取好像会停顿喔
连按两次反而不会李我都不动,奇怪的问题勒~ 表情


献花 x0 回到顶端 [1 楼] From:台湾数位联合 | Posted:2006-01-28 19:47 |
keigo
个人头像
个人文章 个人相簿 个人日记 个人地图
初露锋芒
级别: 初露锋芒 该用户目前不上站
推文 x0 鲜花 x71
分享: 转寄此文章 Facebook Plurk Twitter 复制连结到剪贴簿 转换为繁体 转换为简体 载入图片

停顿?
我试是不会有这种情形耶..

至于连按两下会没反应 这是因为 Event的关系吧...
或许加个ondblclick下去会改善^^a


欢迎各位参观小弟的Blog男丁格尔's 脱壳玩
献花 x0 回到顶端 [2 楼] From:台湾中华电信 | Posted:2006-01-31 19:26 |

首页  发表文章 发表投票 回覆文章
Powered by PHPWind v1.3.6
Copyright © 2003-04 PHPWind
Processed in 0.124090 second(s),query:16 Gzip disabled
本站由 瀛睿律师事务所 担任常年法律顾问 | 免责声明 | 本网站已依台湾网站内容分级规定处理 | 连络我们 | 访客留言