checkbox做全部选中，全部取消效果

批量选中、取消多个checkbox的用法很简单，这个功能也很常用。这里做个总结。

在HTML中的写法：

 <div id="ftpFileDownTr">
     <button onclick="getBatchValues();" value="获取批量选择的值"/>
 </div>
 <table>
         <tr id="ftpFileTitle">
             <th>
                 <input type="checkbox" onclick="checkAll(this.checked)"/>全部选中/全部取消
             </th>
             <th>文件名称</th>
             <th>文件大小</th>
             <th>文件进度</th>
             <th>文件状态</th>
             <th>操作</th>
         </tr>
         <tr>
             <td>
                 <input type="checkbox" name="checkOne" value="a"/>
             </td>
             <td>文件名a</td>
             <td>100M</td>
             <td>10%</td>
             <td>状态1</td>
             <td>操作1</td>
         </tr>
         <tr>
             <td>
                 <input type="checkbox" name="checkOne" value="b"/>
             </td>
             <td>文件名b</td>
             <td>100M</td>
             <td>10%</td>
             <td>状态2</td>
             <td>操作2</td>
         </tr>
         <tr>
             <td>
                 <input type="checkbox" name="checkOne" value="a"/>
             </td>
             <td>文件名c</td>
             <td>100M</td>
             <td>10%</td>
             <td>状态3</td>
             <td>操作3</td>
         </tr>
 </table>

checkbox批量选择、批量取消效果的js写法：

 function checkAll(checked){//批量选择、批量取消
     $('input[name="checkOne"]').attr("checked",checked);
 }

获取批量选中的checkbox的值的方法：

 function getBatchValues(ctx){
     var checkedArr=$("input[name='checkOne']:checked");
     if (checkedArr.length == 0){
         alert("至少要选择一条数据");
         return false;
     }
     var valueStr="";//值以","为分隔符
     for(var i=0;i<checkedArr.length;i++){
         if(i==0){
             valueStr+=$(checkedArr[i]).val();
         }else{
             valueStr+=","+$(checkedArr[i]).val();
         }
     }
         alert(valueStr);
 }

就这样。

在后台java程序中：

 private String checkOne;//后台获取到的属性值，是所有name=checkOne的表单值的总和，以","分隔
 public void setCheckOne(String checkOne){
     this.checkOne=checkOne;
 }
 public String getCheckOne(){
     return checkOne;
 }