循环获取多选框checkbox的value值并添加到数组当中

时间：12-11来源：作者：点击数：

<body>
<div class="layui-form" style="padding: 20px 30px 0 0;">
    <div class="layui-container">
        <div class="layui-row" style="margin-left:25%;margin-top:10%;">

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">角色</label>
                    <div class="layui-input-block" id="textbox">
                        <input th:each="role : ${roles}" type="checkbox" name="roleIds" id="roleIds"
                               lay-skin="primary" th:value="${role.id}" th:title="${role.role_name}">
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
</body>

<script th:inline="javascript">
    function getFormSubmit() {
        var ajxxJson = {};
        var array = new Array();
        var length = $("#textbox input:checkbox:checked").length;
        console.log('选择的个数：'+length)
        //获取id为textbox div当中所有被选中的多选框checkbox 的value
        $("#textbox input:checkbox:checked").each(function(index) {
            console.log('index参数:'+index)
            const val = $(this).val();
            array.push(val);
        });
        console.log(array)
        ajxxJson.jsarr= array;
        return {"obj": array};
    }

    layui.use(['form', 'laydate'], function () {
        var form = layui.form,
            $ = layui.jquery,
            laydate = layui.laydate;
            form.render();
    });
</script>

  var currentDataJson = parent.window[layero.find('iframe')[0]['name']].getFormSubmit();
  console.log(currentDataJson)

方便获取更多学习、工作、生活信息请关注本站微信公众号 城东书院微信服务号

来顶一下

返回首页

上一篇:es6 filter() 数组过滤方法总结（可能不兼容IE）下一篇:vue实现点击某个标签元素，该标签元素显示红色

高考生入学注意：这些大	【健康】纯净水、天然
14种竞赛生升学路径盘	excel后缀xls和xlsx有

循环获取多选框checkbox的value值 并添加到数组当中

循环获取多选框checkbox的value值并添加到数组当中