JQuery判断radio是否选中并获取选中值的示例代码-白红宇

JQuery判断radio是否选中并获取选中值的示例代码

阅读量：7130 次

发布时间：2019-06-28

本文共 1612 字，大约阅读时间需要 5 分钟。

这篇文章主要介绍了JQuery判断radio是否选中并获取选中值的方法，代码很简单，但很实用，需要的朋友可以参考下

其他对radio操作功能，以后在添加。直接上代码，别忘记引用JQuery包

                            
<!DOCTYPE html PUBLIC 
"-//W3C//DTD XHTML 1.0 Transitional//EN"
""
>
<html xmlns=
""
>
<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>
         
       