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