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获取radio值实例，包括了jquery获取radio值实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery获取radio值的方法，分享给大家供大家参考。具体如下： 单选组radio： 单选组 radio： 获取一组radio被选中项的值 radio单选组的第二个元素为当前选中值 jquery老的版本 jquery 1.3以后的版本 获取radio值的
-
本文向大家介绍jQuery获取选中单选按钮radio的值，包括了jQuery获取选中单选按钮radio的值的使用技巧和注意事项，需要的朋友参考一下 实例1： 获取一组单选按钮对象：var obj_payPlatform = $('#wrap input[name="payMethod"]'); 获取被选中按钮的值 ：var val_payPlatform = $('#wrap inpu
-
本文向大家介绍c#+jquery实现获取radio和checkbox的值，包括了c#+jquery实现获取radio和checkbox的值的使用技巧和注意事项，需要的朋友参考一下 废话不多说，直接上代码 代码很简洁，却很实用，小伙伴们根据自己的项目需求改写下即可使用。
-
本文向大家介绍JQuery判断radio是否选中并获取选中值的示例代码，包括了JQuery判断radio是否选中并获取选中值的示例代码的使用技巧和注意事项，需要的朋友参考一下 其他对radio操作功能，以后在添加。直接上代码，别忘记引用JQuery包 网友评论：var boolCheck=$('input:radio[name="sex"]').is(":checked"); 比较好，这种方法较简
-
本文向大家介绍jquery radio的取值_radio的选中_radio的重置方法，包括了jquery radio的取值_radio的选中_radio的重置方法的使用技巧和注意事项，需要的朋友参考一下 radio 按钮组, name=”sex”. 1. 获取radio选中的value. 2. 选择 radio 按钮 (Male). 3. 选择 radio 按钮 (Female). 4. 选择 r
-
本文向大家介绍Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结，包括了Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结的使用技巧和注意事项，需要的朋友参考一下 jquery取radio单选按钮的值 另：判断radio是否选中并取得选中的值 如下所示： jquery radio取值，checkbox取值，se