单选框radiobutton的选中取消

单选框radiobutton不同于复选框checkbox,一旦被点击,就总有一个会被选中,不能取消。这时就要借助于万能的JS了。

思路:
radiobutton组中,每个radiobutton都有一个value,这是个开关值。当被点击时,其值切换成另一个。根据这个value来决定checked为 true 或者 false。之所以这么麻烦,是因为点击的时候,checked总是会等于true,其本身起不到什么参考的意义。

$(function(){
	//从json文件中读取数据,生成一个radiobutton组。
    $.getJSON(/*[[@{/data/layer/basemaps.json}]]*/'', function (data) {
        let ul = $(".bm-gallery ul");
        ul.empty();
        for(let i in data){
                let li = "<li><input type='radio' name='rdBms' id='" + data[i].id + "' value='0' url='" + data[i].nodePath + "' οnclick='bl_chkIt(this)'"
                    + " nodeType='" + (data[i].nodeType ? data[i].nodeType : "" ) + "'>"
                    + data[i].title + "</li>";
            ul.append(li);
        }
    });
});
function bl_chkIt(obj){//当radioButton被
    let radioCheck= $(obj).val();
    if("1" == radioCheck){
        $(obj).attr("checked",false);//取消选中
        $(obj).val("0");
    } else {
        $(".bm-gallery ul li input[type=radio]").val("0");
        $(obj).val("1");
    }
}
发布了1105 篇原创文章 · 获赞 337 · 访问量 338万+

猜你喜欢

转载自blog.csdn.net/leftfist/article/details/101026806