js实现元素的多选,或单选功能

JavaScript018

js实现元素的多选,或单选功能,第1张

效果预览 

html中-css中 - 以ul 和 li标签双层结构为例 

js中

1,定义一个init方法, 完成处理数据 并把最后选中的数据返回

1.通过getArr方法,  挂载了li元素的点击事件liClick方法, 并返回处理好的数据arr,checkbox的话arr里面是多条选中的,radio则为单条

 通过array的特性来达到return返回的数据同步

2.根据传递过来的type类型判断是单选框还是复选框, 来调用不同的处理函数checkboxFun或radioFun

3.checkboxFun完成了复选框的一些数据处理操作  , , radioFun 完成了单选框的一些数据处理操作

2, 获取子元素集合, 并调用init函数, 

init函数调用并会返回一个newArr,   这个newArr就是最新的数据集合

这样就可以实现一个单选多选的功能了

我这有个表单验证的CHM文件我MAIL给你吧.留下你的MAIL

表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。

Validator是基于JavaScript技术的伪静态类和对象的自定义属性,可以对网页中的表单项输入进行相应的验证,允许同一页面中同时验证多个表单,熟悉接口之后也可以对特定的表单项甚至仅仅是某个字符串进行验证。因为是伪静态类,所以在调用时不需要实例化,直接以"类名+.语法+属性或方法名"来调用。此外,Validator还提供3种不同的错误提示模式,以满足不同的需要。

Validator目前可实现的验证类型有:

1.是否为空;

2.中文字符;

3.双字节字符

4.英文;

5.数字;

6.整数;

7.实数;

8.Email地址;

9.使用HTTP协议的网址;

10.电话号码;

11.货币;

12.手机号码;

13.邮政编码;

14.身份证号码;

15.QQ号码;

16.日期;

17.符合安全规则的密码;

18.某项的重复值;

19.两数的关系比较;

20.判断输入值是否在(n, m)区间;

21.输入字符长度限制(可按字节比较);

22.对于具有相同名称的单选按钮的选中判断;

23.限制具有相同名称的多选按钮的选中数目;

24.自定义的正则表达式验证;

运行环境(客户端):

在Windows Server 2003下用IE6.0+SP1和Mozilla Firefox 1.0测试通过;

在Lunix RedHat 9下的Netscape测试通过;