JS实现复选框动态选择

先看html中复选框代码。

<label class="check-box">
	<input type="checkbox"  name="system" value="1"/>
	<span>系统管理员</span>
</label>
<label class="check-box">
	<input type="checkbox" name="finance" value="2"/>
<span>财务管理员</span>
</label>
<label class="check-box">
	 <input type="checkbox" name="business" value="3"/>
	 <span>业务管理员</span>
 </label>
	 <label class="check-box">
	 <input type="checkbox" name="charge" value="4"/>
	 <span>收费员</span>
 </label>
 <label class="check-box">
	 <input type="checkbox" name="copy" value="5"/>
	 <span>抄表员</span>
 </label>

再看js代码片段。

<script type="text/javascript">
	<!-- 选取表格中某一行的值 -->
	function edit(obj){
		var $td= $(obj).parents('tr').children('td');
		var adminNo = $td.eq(0).text();
		var adminName = $td.eq(1).text();
		var adminTel = $td.eq(2).text();
		var adminRole = $td.eq(3).text();
		$("#adminNo").val(adminNo);
		$("#adminName").val(adminName);
		$("#adminTel").val(adminTel);
		<!-- 分割字符串 -->
		var adminRoles = adminRole.split(',');
		if($.inArray("系统管理员",adminRoles) != -1){
			$("input:checkbox[value='1']").attr('checked', 'true');
		}
		if($.inArray("财务管理员",adminRoles) != -1){
			$("input:checkbox[value='2']").attr('checked', 'true');
		}
		if($.inArray("业务管理员",adminRoles) != -1){
			$("input:checkbox[value='3']").attr('checked', 'true');
		}
		if($.inArray("收费员",adminRoles) != -1){
			$("input:checkbox[value='4']").attr('checked', 'true');
		}
		if($.inArray("抄表员",adminRoles) != -1){
			$("input:checkbox[value='5']").attr('checked', 'true');
		}
	}
</script>