这篇文章主要介绍了JQuery判断radio是否选中并获取选中值的方法,代码很简单,但很实用,需要的朋友可以参考下
其他对radio操作功能,以后在添加。直接上代码,别忘记引用JQuery包
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<head> <meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" />
<title>JQuery radio</title> <script type= "text/javascript" language= "javascript" src= "JavaScript/jquery-1.6.1.min.js" ></script>
<script type= "text/javascript" language= "javascript" >
/*------判断radio是否有选中,获取选中的值--------*/ $( function (){
$( "#btnSubmit" ).click( function (){
var val=$( 'input:radio[name="sex"]:checked' ).val();
if (val== null ){
alert( "什么也没选中!" );
return false ;
} else {
alert(val); } var list= $( 'input:radio[name="list"]:checked' ).val();
if (list== null ){
alert( "请选中一个!" );
return false ;
} else {
alert(list); } }); }); </script> </head> <body> <form id= "form1" >
<input type= "radio" name= "sex" value= "男" />男
<input type= "radio" name= "sex" value= "女" />女
<br /> <input type= "radio" name= "list" value= "十分满意" />十分满意
<input type= "radio" name= "list" value= "满意" />满意
<input type= "radio" name= "list" value= "不满意" />不满意
<input type= "radio" name= "list" value= "非常差" />非常差
<br /> <input type= "submit" value= "submit" id= "btnSubmit" />
</form> </body> </html> |
网友评论:var boolCheck=$('input:radio[name="sex"]').is(":checked"); 比较好,这种方法较简洁
is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合,如果这些元素中至少有一个元素匹配给定的参数,则返回 true。
如果您保存后乱码,这里推荐使用notepad++处理。