单选框动态选中

最新推荐文章于 2024-06-20 15:11:50 发布

爱穿衬衫的张某某

最新推荐文章于 2024-06-20 15:11:50 发布

阅读量332

点赞数

文章标签： ajax java javascript

本文链接：https://blog.csdn.net/weixin_46649054/article/details/120421154

版权

1表单中添加单选框,checked为默认选中状态

<label class="col-sm-3 control-label">角色类型</label>&nbsp;
<input type="radio" id="provinceRole" value="provinceRole" name="roleType" >
<label for="provinceRole">市局角色</label>&nbsp;&nbsp;
<input type="radio" id="areaRole" value="areaRole" name="roleType">
<label for="areaRole">分局角色</label>&nbsp;&nbsp;
<input type="radio" id="generalRole" value="generalRole" name="roleType" checked >
<label for="generalRole">通用角色</label>&nbsp;&nbsp;

2.ajax动态获取值,并设置选中状态

$.ajax({
            type    : 'POST',
            url     : '${ctx}/sysRole/getRoleType.json',
            async   : false,
            data    : {
                'id'    : obj.id
            },
            success : function(data){
                //角色类型存在
                if (data.length > 0) {
                    if (data == "provinceRole") {
                        $("#provinceRole").prop("checked", true);
                        $("#areaRole").prop("checked", false);
                        $("#generalRole").prop("checked", false);
                    } else if (data == "areaRole"){
                        $("#provinceRole").prop("checked", false);
                        $("#areaRole").prop("checked", true);
                        $("#generalRole").prop("checked", false);
                    }else if (data == "generalRole") {
                        $("#provinceRole").prop("checked", false);
                        $("#areaRole").prop("checked", false);
                        $("#generalRole").prop("checked", true);
                    }
                }
            },
            error    : function(XMLHttpRequest, textStatus, errorThrown) {
                alert("查看角色信息异常!");
            }
        });