用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();