快捷搜索: 王者荣耀 脱发

jquery回显单选框、单选框只读不可修改

一:目前只找到着两种方法可以回显单选框的数据:

1:根据value值确定单选

$("input[type=radio][name=remindFlg][value=0]").attr("checked",checked);

回显单选框例子:

前端页面代码

<tr>
	<td width="60" align="left">状态:</td>
	<td>
	    <input id="itemFlag" name="itemFlag" value="0" type="radio">有效
	    <input id="itemFlag" name="itemFlag" value="1" type="radio">无效
	</td>
</tr>

ajax根据服务器传来的值,回显单选框。

<script type="text/javascript">
$(function(){
    $.ajax({
        url: "http://localhost:8081/selectBillItem",
        type: post,
        data: {billItem:billItem},
        success: function(data){
        	console.log(data,"数据过来了");  	
        	if(data.list[0].itemFlag == 0){
        		$("input[type=radio][name=itemFlag][value=0]").attr("checked",checked);
        	} else {
        		$("input[type=radio][name=itemFlag][value=1]").attr("checked",checked);
        	}
        },
        error : function() {
        	alert("失败了");
        }
    })
})
</script>

2:根据input的id确定单选(推荐)

<tr>
	<td width="60" align="left">状态:</td>
	<td>
	    <input id="itemFlag_1" name="itemFlag" value="0" type="radio">有效
	    <input id="itemFlag_2" name="itemFlag" value="1" type="radio">无效
	</td>
</tr>
$("#itemFlag_1").attr("checked",checked);

二:单选框只读不可修改:

$(input:radio).attr(onClick,"javascript:return false"); 
经验分享 程序员 微信小程序 职场和发展