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 所以我通过
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值