checkbox 选中获取值
1:jsp 页面 从页面获取checkbox 的值传到后台 <div id="divCheckbox" class="hide"> <tr><td><input id="checkAll" type="checkbox" name="checkAll"/>全选/取消全选</td></tr><br> <tr><td><input type="checkbox" value="loginName" name="cbx"/>用户登录名</td></tr><br> <tr><td><input type="checkbox" value="name" name="cbx"/>姓名</td></tr><br> <tr><td><input type="checkbox" value="sex" name="cbx"/>性别</td></tr><br> <tr><td><input type="checkbox" value="mobile" name="cbx"/>手机号码</td></tr><br> <tr><td><input type="checkbox" value="email" name="cbx"/>邮箱</td></tr><br> <tr><td><input type="checkbox" value="emailStatus" name="cbx"/>邮箱状态</td></tr><br> <tr><td><input type="checkbox" value="birthday" name="cbx"/>生日</td></tr><br> <tr><td><input type="checkbox" value="accountType" name="cbx"/>用户类型</td></tr><br> <tr><td><input type="checkbox" value="address" name="cbx"/>个人地址</td></tr><br> <tr><td><input type="checkbox" value="qq" name="cbx"/>个人qq</td></tr><br> <tr><td><input type="checkbox" value="companyUrl" name="cbx"/>公司网站</td></tr><br> <tr><td><input type="checkbox" value="registerType" name="cbx"/>注册类型</td></tr><br> <tr><td><input type="checkbox" value="companyCnName" name="cbx"/>企业名称(中文)</td></tr><br> <tr><td><input type="checkbox" value="companyCnAddress" name="cbx"/>企业地址(中文)</td></tr><br> <tr><td><input type="checkbox" value="cnZhuYingProd" name="cbx"/>主营产品(中文)</td></tr><br> <tr><td><input type="checkbox" value="companyPhone" name="cbx"/>公司电话</td></tr><br> <tr><td><input type="checkbox" value="fzrName" name="cbx"/>外贸负责人姓名</td></tr><br> <tr><td><input type="checkbox" value="fzrSex" name="cbx"/>外贸负责人性别</td></tr><br> <tr><td><input type="checkbox" value="fzrPosition" name="cbx"/>外贸负责人职位</td></tr><br> <tr><td><input type="checkbox" value="fzrMobile" name="cbx"/>外贸负责人手机</td></tr><br> <tr><td><input type="checkbox" value="fzrEmail" name="cbx"/>外贸负责人邮箱</td></tr><br> <tr><td><input type="checkbox" value="fzrQq" name="cbx"/>外贸负责人QQ</td></tr><br> <tr><td><input type="checkbox" value="shiBie" name="cbx"/>识别码</td></tr><br> <tr><td><input type="checkbox" value="tuiJianId" name="cbx"/>推荐id</td></tr><br> <tr><td align="center"><input id="btnSubmit" class="btn btn-primary" type="button" value="确定" onclick="chkSubmit()"/> <input id="btnxx" class="btn btn-primary" type="button" value="取消" onclick="btncancel()"/></td></tr> </div>
JQ代码:
<script type="text/javascript"> //全选/取消全选 $(function() { $("#checkAll").click(function() { $('input[name="cbx"]').attr("checked",this.checked); }); var $cbx = $("input[name='cbx']"); $cbx.click(function(){ $("#checkAll").attr("checked",$cbx.length == $("input[name='cbx']:checked").length ? true : false); }); }); //提交表单 function chkSubmit(){ var data = []; $("[name='cbx']").each(function(){ if(this.checked){ data.push(this.value); } }); if(data !=null && data !=''){ $("#searchForm").attr("action", "${ctx}/account/exportAccountList?data="+ data.join(",")); $("#searchForm").submit(); layer.closeAll(); }else{ alert(data==''?'你还没有选择任何内容!':data); return false; } } //取消导出 function btncancel(){ layer.closeAll(); } </script>