其他对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" > <html xmlns= "http://www.w3.org/1999/xhtml" > <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++处理。