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 所以我通过