全选 取消 反选

 <div>
    <input type="button" value="添加" onclick="showModel()"/>
    <table>
        <thead>
        <tr>

            <th>主机名</th>
            <th>端口</th>

        </tr>

        </thead>
        <tbody>
        <tr>
            <td>1.1.1.1</td>
            <td>190</td>
        </tr>

        <tr>
            <td>1.1.1.2</td>
            <td>192</td>
        </tr>

        <tr>
            <td>1.1.1.3</td>
            <td>194</td>
        </tr>
        </tbody>

    </table>
 </div>

写两层遮罩

 <!--遮罩层开始-->
 <div id="i1" c1ass="c1 hide"></div>
 <!--遮罩层结束-->

 <!--弹出框开始-->
 <div id="i2"class="c2 hide">
     <p><input type="text"/></p>
     <p><input type="text"/></p>
     <p>
         <input type="button" value="确定"/>
         <input type="button" value="取消" onclick="HideModel();"/>
     </p>
 </div>
 <!--弹出框结束-->



 
      founction showModel(){
         document.getElementById('i1').classList.remove('hide')
         document.getElementById('i2').classList.remove('hide')
      }
      founction HideModel(){
         document.getElementById('i1').classList.add('hide')
         document.getElementById('i2').classList.add('hide')
      }

全选

      function chooseAll() {
          var tbody = document.getElementById('tb');
          //获取所有的tr
          var tr_list = tbody.children;
          for (var i=1;i<tr_list.lenth;i++){
              //循环所有的tr，current_tr
                   var current_tr = tr_list[i];
                   var checkbox = current_tr.children [0].children [0];
                   checkbox.checked = true;

          }

取消

        function cancleAll() {
          var tbody = document.getElementById('tb');
          //获取所有的tr
          var tr_list = tbody.children;
          for (var i=1;i<tr_list.lenth;i++){
              //循环所有的tr，current_tr
                   var current_tr = tr_list[i];
                   var checkbox = current_tr.children [0].children [0];
                   checkbox.checked = false;

          }

反选

          function reverseAll() {
          var tbody = document.getElementById('tb');
          //获取所有的tr
          var tr_list = tbody.children;
          for (var i=1;i<tr_list.lenth;i++){
              //循环所有的tr，current_tr
                   var current_tr = tr_list[i];
                   var checkbox = current_tr.children [0].children [0];

                   if(checkbox.checked){
                        checkbox.checked = false;
                   }else{
                       checkbox.checked = true;
                   }