input 单选按钮radio 取消选中

今天学习jquery 用到input的单选按钮  发现选中后不能取消选中 上网扒资料 找到解决方案 ie8和火狐都能用

 

input单选按钮: 在radio按钮中添加属性tag  0代表未被选中

<input name="rdo1" value="AA" type="radio" tag="0" />A
        <br />
        <input name="rdo2" value="BB" type="radio" tag="0" />B
        <br />
        <input name="rdo3" value="CC" type="radio" tag="0" />C

jquery语句:

$(":radio").click(function () {
                var r = $(this).attr("name");
                $(":radio[name=" + r + "]:not(:checked)").attr("tag", 0);
                if ($(this).attr("tag") == 1) {
                    $(this).attr("checked", false);
                    $(this).attr("tag", 0);
                }
                else {
                    $(this).attr("tag",1);
                }
            });

 

 

posted @ 2012-02-16 10:20  chenfan31  阅读(4469)  评论(0编辑  收藏  举报