美文网首页
CheckBox模仿radio单选,实现单选可取消选中状态

CheckBox模仿radio单选,实现单选可取消选中状态

作者: 给我小前端 | 来源:发表于2017-06-10 11:41 被阅读406次

    $('input[name="wechat"]').click(function() { //选取同一name下的input
    if($('input[name="wechat"]').is(':checked')) { //判断input是否选中
    $('input[name="wechat"]').prop('checked', false); //清除所有的选中状态
    $(this).prop('checked',true); //设置点击的input为选中状态
    }
    })
    关键点:由于checkbox 再次点击会取消自己的选中状态,所以实现了单选的同时,也可以切换自身的状态。

    image.png image.png image.png

    相关文章

      网友评论

          本文标题:CheckBox模仿radio单选,实现单选可取消选中状态

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