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

最新推荐文章于 2023-09-13 23:12:45 发布

猩猿亿码

最新推荐文章于 2023-09-13 23:12:45 发布

阅读量1.1k

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/qq_44316726/article/details/112647230

版权

前端专栏收录该内容

17 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<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)

在这里插入图片描述

猩猿亿码

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
循环获取多选框checkbox的value值并添加到数组当中

<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"> .
复制链接

扫一扫