js 与 radio

作者: karl_song | 来源:发表于2016-09-30 13:49 被阅读30次

    判断 radio 是否被选中

    $(selector).is(':checked');
    
    返回结果:如果 alert 会提示 2 次:
    第一次,是未改变之前的值,如果之前未选中,那就是 false ;
    第二次,是改变后的值,如果之前未选中,那就是 true ;
    如果做判断,那就好判断是否是 true ;
    

    如果要改变 checked 状态 , 要用:

    设置为选中:
    $(selector).attr('checked','checked');
    
    设置为未选中:
    $(selector).removeAttr('checked');
    

    一个有趣的现象:

    当你的 radio,如果没有 checked 属性,类似如下:
    <input type='text' value='test' />
    
    .is(':checked') 是可以用的,但 $(selector).attr('checked'),返回值是 undefined
    
    结语:

    也就是说,改变 radio checked 状态有 2 种方式

    • 一种是通过 checked 属性来操作;
    • 一种是通过底层某种方式,默认的方式就是这种方式,但貌似知道的人比较少(我也不知道);

    相关文章

      网友评论

        本文标题:js 与 radio

        本文链接:https://www.haomeiwen.com/subject/vgnlyttx.html