jQuery获取radio选中项的值实例
作者：酷小孩
本文主要介绍jQuery获取radio选中项的值的方法，希望能帮到大家，有需要的朋友可以参考一下。
<title></title>
<script src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function () {
//没有默认选中的情况
//先判断radio是否有选中项，再获取选中的值
$("#btnclick").click(function () {
//获取选中项的value属性
var chkRadio = $('input:radio[name="list"]:checked').val();
if (chkRadio == null) {
alert("没有选中项");
return false;
} else {
alert(chkRadio);
}
});
//有默认选中的情况
//获取选中项的值，一般采用遍历的方法，判断哪一项选中，获取其value属性的值
$("#btnclick2").click(function () {
var chk2 = getRadioValue("list2");
alert(chk2);
});
function getRadioValue(radioName) {
var chkRadio = document.getElementsByName(radioName);
for (var i = 0; i < chkRadio.length; i++) {
if (chkRadio[i].checked)
return chkRadio[i].value;
}
}
})
</script>
</head>
<body>
<div>
<input type="radio" name="list" value="十分满意" />十分满意
<input type="radio" name="list" value="满意" />满意
<input type="radio" name="list" value="不满意" />不满意
<input type="radio" name="list" value="非常差" />非常差
</div>
<br />
<div>
<input type="radio" name="list2" value="十分满意2" checked="checked" />十分满意2
<input type="radio" name="list2" value="满意2" />满意2
<input type="radio" name="list2" value="不满意2" />不满意2
<input type="radio" name="list2" value="非常差2" />非常差2
</div>
<input type="button" value="确定" id="btnclick" />
<input type="button" value="确定2" id="btnclick2" />
</body>
</html>
演示截图：
1.没有默认选中项的情况下，获取为null：
2.没有默认选中项的情况下，获取选中项的value值：
3.有选中项的情况下，获取选中项的值：
以上就是本文的全部内容，希望这个方法也能给遇到相同问题的其他人带来帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- Jquery 获取表单text,areatext,radio,checkbox,select值的代码
- 使用jQuery获取radio/checkbox组的值的代码收集
- jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
- jQuery中获取Radio元素值的方法
- 如何使用Jquery获取Form表单中被选中的radio值
- jquery判断RadioButtonList和RadioButton中是否有选中项示例
- Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
- jQuery获取Radio,CheckBox选择的Value值(示例代码)
- jQuery根据ID获取input、checkbox、radio、select的示例
- jquery获取radio值(单选组radio)
- JQuery判断radio是否选中并获取选中值的示例代码
- JQuery判断radio（单选框）是否选中和获取选中值方法总结