您的位置：首页 > Web前端 > JQuery

jQuery 全选

2016-06-14 20:00 609 查看
<html>

  <head>

     <title>jQ 全选</title>

  

      <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>

      <script>

          $(function(){

             $("input[type=checkbox]:eq(0)").change(function(){  
 //获取索引为0的input

             
    var cstate=$(this).attr("checked");                           //获取当前input的状态

             
    $("input[type=checkbox]:not(0)").attr("checked",cstate);    
//使除了索引为0的checked状态和this保持一致

             
})

          })
      </script>

   </head>

  <body>

  <table>

  <tr>

  <td><input type="checkbox"/>全选</td>

        <td> 用户名</td>

        <td> 密码</td>

       </tr>

       <tr>

  <td><input type="checkbox"/></td>

                       <td> 哈哈</td>

                       <td> 123</td>

       </tr>

       <tr>

  <td><input type="checkbox"/></td>

                        <td> 嘿嘿</td>

                        <td> 321</td>

       </tr>

     </table>

  </body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航