jQuery菜單實例(全選,反選,取消)
更新時間：2017年08月28日 08:08:13 投稿：jingxian
下面小編就為大家?guī)硪黄猨Query菜單實例(全選,反選,取消)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
廢話不多說，直接上代碼
<!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菜單實例(全選,反選,取消)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了jQuery實現(xiàn)進度條效果代碼，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要為大家詳細介紹了使用jQuery實現(xiàn)圖片輪播效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
本文匯總介紹了24款本年度熱門實用的jQuery插件，使用得當(dāng)?shù)脑?，可以大大降低項目的開發(fā)難度，這里推薦給大家。2014-12-12
jQuery學(xué)習(xí)筆記之jQuery的DOM操作
jQuery學(xué)習(xí)筆記之jQuery的DOM操作實現(xiàn)方法， 學(xué)習(xí)jquery與dom操作的朋友可以參考下。2010-12-12
jquery層級選擇器(匹配父元素下的子元素實現(xiàn)代碼)
下面小編就為大家?guī)硪黄猨query層級選擇器(匹配父元素下的子元素實現(xiàn)代碼)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
在今天之前，我對jQuery的中的animate()方法還停留在最常見的用法，查了一下手冊，發(fā)現(xiàn)在1.8的時候增加了幾個比較有用的回調(diào)函數(shù)，想著就來總結(jié)下jQuery中animate的幾種用法與注意事項，方便自己或者大家有需要的時候參考借鑒，下面來一起看看吧。2016-12-12
這篇文章主要為大家詳細介紹了jquery實現(xiàn)直播彈幕效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
使用jQuery監(jiān)聽掃碼槍輸入并禁止手動輸入的實現(xiàn)方法(推薦)
基于jQuery的掃碼槍監(jiān)聽。如果只是想實現(xiàn)監(jiān)聽獲取條碼掃碼信息，可以直接拿來使用，如果有更多的條碼判斷處理邏輯需要自己擴展哦2017-03-03
首次接觸jQuery是在2008年，上地的一家小公司。當(dāng)時的版本是1.1，在此之前我僅接觸過Prototype.js。2011-06-06
jQuery實現(xiàn)從身份證號中獲取出生日期和性別的方法分析
這篇文章主要介紹了jQuery實現(xiàn)從身份證號中獲取出生日期和性別的方法,結(jié)合實例形式分析了jQuery數(shù)學(xué)運算與字符串操作相關(guān)技巧,需要的朋友可以參考下2016-02-02