您的位置:首页 > Web前端 > JavaScript

获取checkbox返回undefined,实现全选/取消

2017-06-28 15:32 495 查看
添加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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jsp