js和jquery分别验证单选框、复选框、下拉框

分别讲一下js和jQuery验证单选框(radio)、多选框(checkbox)、下拉框(select)

(1).首先说单选框(radio)，radio和checkbox一样都是name相同值有多个在获取 radio 值的时候我们不能按照普通文本框.value的方式,而是要判断哪个被选中了。js验证是要用getElementsByName()获取数组

js代码如下：

2. type="radio" name="sex" value="m">男 type="radio" name="sex" value="f">女
3. type="button" id="btn" value="提交" onclick="test()">

用jQuery验证就简单多了，做到了少写多做，呵呵：

 

1. src="jquery-1.7.1.min.js">
3. type="radio" name="sex" value="m">男 type="radio" name="sex" value="f">女
4. type="button" id="btn" value="提交">

 

  (2)复选框(checkbox)，这个真不用讲了，因为复选框和单选框的做法完全相同，只要把上面脚本中radio改成checkbox就ok啦！

 

  (3)下拉框(select)

  使用js验证：

    js代码：

2. id="sex">
3. value="">--请选择性别--
4. value="m">男
5. value="f">女
7. type="button" id="btn" value="提交" onclick="test()">

  使用jQuery验证：

1. src="jquery-1.7.1.min.js">
3. id="sex">
4. value="">--请选择性别--
5. value="m">男
6. value="f">女
8. type="button" id="btn" value="提交">

转载请注明地址:  http://www.phpddt.com/dhtml/246.html 尊重他人劳动成果就是尊重自己!