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>

 

posted @ 2016-03-18 14:34  阿若蜜意  阅读(881)  评论(0编辑  收藏  举报