获取checkbox返回undefined，实现全选／取消

最新推荐文章于 2021-04-08 15:34:02 发布

豪莲

最新推荐文章于 2021-04-08 15:34:02 发布

阅读量487

点赞数

分类专栏： jsp 文章标签： jsp

本文链接：https://blog.csdn.net/rongrong_love_lc/article/details/73848782

版权

jsp 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

添加JS文件时，一定要使用"<script></script>",否则js会失效。
1，JSP引用jQuery：
注意：A. 当jQuery无法使用时，使用以下路径添加；
B. jQuery与JSTL中的”$” 会冲突，默认时JSTL，所以jQuery中的都用“jQuery”代替。

<%
    String basePath = request.getScheme()+"://"
            +request.getServerName()+":"+request.getServerPort()
            +request.getContextPath()+"/";

%>
    <script  src="<%=basePath%>pages/js/jquery-1.11.3.min.js"></script>
    //也可以是以下
     <%--<script  src="pages/js/jquery-1.11.3.min.js"></script>--%>

2.jQuery获取checkbox的值返回会undefined。
功能：全选／取消

jQuery(function () {
            jQuery("#check_all").click(function () {
                jQuery("input[type='checkbox']").prop("checked",jQuery(this).prop("checked"));
            })
        })

获取所有选中的值：

 var chk_value =[];
            $('input[name="item_check"]:checked').each(function(){
                chk_value.push($(this).val());
            });
            alert(chk_value.length==0 ?'你还没有选择任何内容！':chk_value);