jquery 全选反选实例代码

<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script>
  <div class="row" style="margin-top:30px;">
    <table class="table table-bordered table-striped table-hover hiddel">
      <tbody>
        <tr class="success">
          <td>
            <b><input type="checkbox" id="total" /></b> 
          </td>
          <td>
            <b>序号</b> 
          </td>
          <td>
            <b>系统用户</b> 
          </td>
          <td>
            <b>角色</b> 
          </td>
          <td>
            <b>姓名</b> 
          </td>
          <td>
            <b>重置密码</b> 
          </td>
          <td>
            <b>查看</b> 
          </td>
          <td>
            <b>修改</b> 
          </td>
          <td>
            <b>删除</b> 
          </td>
        </tr>
        <tr class="success">
          <td>
            <input type="checkbox" class="one" name="UserID[]" value="3" /> 
          </td>
          <td>
            1
          </td>
          <td>
            444
          </td>
          <td>
            超级管理员
          </td>
          <td>
            11111
          </td>
          <td>
            重置密码
          </td>
          <td>
            <a name="undefined"></a>查看
          </td>
          <td>
            <a name="undefined"></a>修改
          </td>
          <td>
            删除
          </td>
        </tr>
        <tr class="success">
          <td>
            <input type="checkbox" class="one" name="UserID[]" value="2" /> 
          </td>
          <td>
            2
          </td>
          <td>
            root
          </td>
          <td>
            销售员
          </td>
          <td>
            xiaozhang
          </td>
          <td>
            重置密码
          </td>
          <td>
            <a name="undefined"></a>查看
          </td>
          <td>
            <a name="undefined"></a>修改
          </td>
          <td>
            删除
          </td>
        </tr>
        <tr class="success">
          <td>
            <input type="checkbox" class="one" name="UserID[]" value="1" /> 
          </td>
          <td>
            3
          </td>
          <td>
            admin
          </td>
          <td>
            超级管理员
          </td>
          <td>
            张三
          </td>
          <td>
            重置密码
          </td>
          <td>
            <a name="undefined"></a>查看
          </td>
          <td>
            <a name="undefined"></a>修改
          </td>
          <td>
            删除
          </td>
        </tr>
      </tbody>
    </table>
<script>
 $(function (){
    $("#total").click(function (){
    if(this.checked){    
        $(".one").prop("checked", true);    
    }else{    
        $(".one").prop("checked",false);  
    }  
  });
});
</script>
  </div>