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