用attr给radio或checkbox套状态无效问题(附:解决无法获取被选中radio的值)

首先是用attr给radio套状态,发现多次点击radio之后,radio会出现不被选中状态,无效代码如下:

<script type="text/javascript">
// 点击方案切换价格
$(".btn").click(function(event) {
$('.fangan').attr("checked",false);
$(this).siblings().children().attr('checked',true);
});
</script>

原因是由于JQuery文件升级问题,由于JQuery文件使用的是1.11.1版本,所以attr会出现失效问题,换成prop即可解决

<script type="text/javascript">
    // 点击方案切换价格
$(".btn").click(function(event) {
$('.fangan').prop("checked",false);
$(this).siblings().children().prop('checked',true);
});
</script>

顺便写在这里,有遇到过升级JQuery还会出现的无法获得被选中的radio的值,可以尝试以下方法:

$("input[name=gid]:checked").val();
$("input[name=gid][checked]").val();
 
posted @ 2016-11-24 15:04  微醺的汤姆  阅读(352)  评论(0编辑  收藏  举报