获取checkbox返回undefined,实现全选/取消
2017-06-28 15:32
495 查看
添加JS文件时,一定要使用
1,JSP引用jQuery:
注意:A. 当jQuery无法使用时,使用以下路径添加;
B. jQuery与JSTL中的”$” 会冲突,默认时JSTL,所以jQuery中的都用“jQuery”代替。
2.jQuery获取checkbox的值返回会undefined。
功能:全选/取消
获取所有选中的值:
"<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);
相关文章推荐
- jquery checkbox全选、取消全选实现代码
- checkbox全选/取消全选以及checkbox遍历jQuery实现代码
- GridView控件中模板列CheckBox全选、反选、取消实现代码
- jquery实现复选框checkbox全选,取消全选
- JQuery实现下拉框的选择 与当CheckBox为服务器控件时如何获取值的操作,实现全选与删除
- jQuery实现checkBox全选全取消
- JS实现复选框(Checkbox)全选和取消 --ASP.NET中实例运用
- checkbox 全选、取消全选等并且获取checkbox的值
- javascript, jquery实现checkbox全选,反选,取消选择
- jquery实现checkbox全选、取消全选
- jQuery实现checkbox全选全取消
- jquery结合javascript实现无限级checkbox的全选与取消
- Javascript实现CheckBox的全选与取消全选的代码
- JQuery 实现checkbox全选、反选、取消
- jquery实现checkbox全选、取消全选
- jquery实现checkbox全选、取消全选
- 单击头模板中的checkbox,实现datalist中所有chebox的全选和取消
- JQuery实现下拉框的选择 与当CheckBox为服务器控件时如何获取值的操作,实现全选与删除
- 多种方法实现checkbox全选、取消全选、删除功能
- ASP.NET jQuery 食谱6 (实现CheckBoxList成员全选或全取消)