Bootstrap

radio通过Jq动态设置checked属性无效,radio未选中

在做网站后台应用程序的时候,遇到这么一个问题,通过Jq动态设置radio的checked属性,居然无效,各种纠结,各种纳闷,于是乎各种百度,各种问问提问,最后在浏览其他帖子的时候,终于被我发现解决问题的办法拉,那个心情贼拉的好呀

aaaa.png

在我搜索的过程的过程的,发现网上大多数提供动态加载checked属性是通过Jq库的attr方法,

代码如下:

1
  $( "input[name='status'][value='1']" ).attr( "checked" , true )

其中的attr方法就是问题的关键

如果你的Jquery库的版本是1.6以下的,使用attr方法

如果你的Jquery库的版本是1.6(含1.6)以上的,使用prop方法


下面贴出我的代码,仅供大家参考

1
2
3
4
5
6
7
8
9
if (data.data.status== '1' ){
             
             $( "input[name='status'][value='0']" ).removeAttr( "checked" );
             $( "input[name='status'][value='1']" ).prop( "checked" , true );
             } else {
             $( "input[name='status'][value='0']" ).prop( "checked" , true );
             $( "input[name='status'][value='1']" ).removeAttr( "checked" );
             
  }

;