用js将CheckBox的值存入数据库和将数据库字符串的值转为数组选中CheckBox

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);
    });
})