jQuery获取多个checkbox的值

最新推荐文章于 2021-07-13 09:46:08 发布

原创最新推荐文章于 2021-07-13 09:46:08 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #checkbox

本文介绍了在JSP中如何动态生成checkbox，并利用jQuery来获取并拼接这些checkbox的值，为前端开发提供了一种实用的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jsp动态拼接checkbox

<ul class="selectContent warningLevel">
                <c:forEach items="${level_list}" var="list">
                    <li class="checkbox">
                        <label>
                            <input class="level_checkbox" type="checkbox" value="${list.level}" checked> 
                            <span>${list.descinfo}</span>
                        </label>
                    </li>
                </c:forEach>
              </ul>

jQuery获取并拼接checkbox的值如下：

        var checkboxVal = getCheckBoxValue(".level_checkbox:checked");
        //获取checkbox选中 的值
        function getCheckBoxValue($checkboxDom){
            var value = "";
            $checkboxDom.each(function(){
                value+=","+$(this).val()
            });
            if(!!value)
                value = value.substring(1);
            return value;
        }