jQuery菜单实例(全选,反选,取消)

2019-11-19 15:39:26

字体：大中小

来源：转载

供稿：网友

废话不多说，直接上代码

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>Document</title></head><body>  <input type="button" value="全选" onclick="checkAll()">  <input type="button" value="反选" onclick="reverseAll()">  <input type="button" value="取消" onclick="cancleAll()">  <table border="1">    <thead>      <tr>        <th>选择</th>        <th>IP</th>        <th>端口</th>      </tr>    </thead>    <tbody>      <tr>        <td><input type="checkbox"></td>        <td>1.1.1.1</td>        <td>80</td>      </tr>      <tr>        <td><input type="checkbox"></td>        <td>1.1.1.1</td>        <td>80</td>      </tr>      <tr>        <td><input type="checkbox"></td>        <td>1.1.1.1</td>        <td>80</td>      </tr>      <tr>        <td><input type="checkbox"></td>        <td>1.1.1.1</td>        <td>80</td>      </tr>      <tr>        <td><input type="checkbox"></td>        <td>1.1.1.1</td>        <td>80</td>      </tr>    </tbody>  </table>  <script type="text/javascript" src='jquery-3.2.1.js'></script>  <script type="text/javascript">    function checkAll(){      $(':checkbox').prop('checked',true);    }    function cancleAll() {      $(':checkbox').prop('checked',false);    }    function reverseAll(){      $(':checkbox').each(function(){        var v = $(this).prop('checked')? false:true;  /*三元运算： var v = 条件? 真值:假值*/        $(this).prop('checked',v)      })    }  </script></body></html>

以上这篇jQuery菜单实例(全选,反选,取消)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持武林网。

上一篇：[js高手之路]从原型链开始图解继承到组合继承的产生详解

下一篇：[js高手之路]原型式继承与寄生式继承详解