JavaScript以及Jquery動態添加多選框值以及獲取數據的學習記錄

@{
    List<MasterData> list = null;
    using (var masterService = new MasterDataService())
    {
        list = masterService.Where(m => m.SuperCode == 1009 + "").ToList();
    }
}     

腳本里面綁定數據 List           

由於.net MVC中支持 .cshtml 所以我通過 @來直接在前臺寫c#語句 給前臺加載數據。

    @foreach (MasterData masterData in list)

                    {
                        <li>
                            <input type="checkbox" name="box" value="@masterData.MasterCode" />@masterData.MasterName
                        </li>

                    }

先加載多選框

jQuery方法

  //獲取 多選框box的內容 
        var boxObj = $("#form-policy-edit input[type='checkbox']:checked");
        var goodsId;
        if (boxObj.length > 0) {
            $(boxObj).each(function (index, item) {
                goodsId = goodsId ? goodsId + "," + $(item).val() : $(item).val();
            });
        } else {
            $.messager.alert('操作提醒', '', 'warning');
            return false;
        }

JavaScript方法

    function checkbox() {
        var str = document.getElementsByName("box"); //這裏是取值
        var objarray = str.length;
        var chestr = "";
        for (i = 0; i < objarray; i++) {
            if (str[i].checked == true) {
                chestr += str[i].value + ",";
            }
        }
        if (chestr == "") {
            alert("請先選擇一個愛好～！");
        }
        else {
            alert("您先擇的是：" + chestr);
        }
    }//這個也是網上找到的方法~

記錄下來以便以後參考使用

由於.net MVC中支持 @.cshtml 所以我通過