这篇文章主要介绍了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++处理。