Index
@{ ViewBag.Title = "测试"; } <script src="~/Scripts/jquery-1.10.2.js"></script> <script src="~/js/checkbox.js"></script> <input name="checkbox" type="checkbox" value="0">测试0 <input name="checkbox" type="checkbox" value="1">测试1 <input name="checkbox" type="checkbox" value="2">测试2 <input name="checkbox" type="checkbox" value="3">测试3 <input name="checkbox" type="checkbox" value="4">测试4 <input name="checkbox" type="checkbox" value="5">测试5 <input name="checkbox" type="checkbox" value="6">测试6 <input name="checkbox" type="checkbox" value="7">测试7 <input type="button" id="btnAdd" value="提交">
checkbox.js
$(function () { //从数据库取出字符串转为数组 var str = "0,1,2,"; var item = str.split(','); var checkbox = document.getElementsByName("checkbox"); for(var i = 0;i<checkbox.length;i++) { if (checkbox[i].type == "checkbox") { for(var j =0;j<item.length;j++) { if (checkbox[i].value == item[j]) { checkbox[i].checked = true; } } } } //将数组转为字符串存入数据库 $("#btnAdd").click(function () { var checkbox = document.getElementsByName('checkbox'); var str = ''; for (var i = 0; i < checkbox.length; i++) { if (checkbox[i].checked) str += checkbox[i].value + ','; } alert(str); }); })