本文共 1171 字，大约阅读时间需要 3 分钟。

最近用bootstrap 3做项目,发现一个超级恶心的问题,信息修改时bootstrap的radio怎么都无法动态选中,网上找了很多方法都不行。最后通过以下方式解决了。

代码如下

html定义

性别
   
	
    		男		
    		女		
    		保密	
   

JS动态选中

$.ajax({
   	url : "/flashsale/user/" + uId,	async : false,	type : "GET",	success : function(result) {
   		if (result.success) {
   			var userInfo = result.data[0];			for (var name in userInfo) {
   				var value = userInfo[name];								// 性别动态赋值				if ("userGender" == name) {
   					var radios = document.getElementsByName("userGender");					console.log(radios);					if ("M" == value) {
   						radios[0].checked = true;					} else if("F" == value) {
   						radios[1].checked = true;					}  else {
   						radios[2].checked = true;					}				} else {
   		        	$("#userForm #" + name).val(value);		        }			}		} else {
   			toastr.error('获取用户['+ userId + ']信息失败，原因：' + result.errorMessage);		}	},	error : function(result) {
   		toastr.error('获取用户['+ userId + ']信息失败，原因：' + result.errorMessage);	}});

效果图

还有一个注意点：bootstrap的radio由一层label包着，有时看似选中了，可是Form提交后却取不到值，这个其实是假的选中，选中的是label的样式按钮而不是radio的。所以radio要加id，然后label标签需要加for属性指向radio的id才能真正选中radio，如下

性别
   
	
    		男		
    		女		
    		保密	
   

转载地址：http://nyyyn.baihongyu.com/