2025年3月23日 星期日 甲辰(龙)年 月廿二 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

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

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

循环获取多选框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">
  • <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)
在这里插入图片描述
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门