jQuery Checkbox 全選 反選的簡(jiǎn)單實(shí)例
更新時(shí)間：2016年11月29日 08:34:56 作者：森林王子
本文主要介紹了Checkbox的全選、反選的簡(jiǎn)單實(shí)例,需要的朋友可以參考下
1.全選、反選
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://xiazai.jb51.net/201611/yuanma/jquery(jb51.net).rar"></script>
<script type="text/javascript">
$(function () {
$("#selall").on("click", function () { $("#plalst :checkbox").prop("checked", true); });
$("#selnone").on("click", function () { $("#plalst :checkbox").prop("checked", false); });
$("#resver").on("click", function () { $("#plalst :checkbox").prop("checked", function (i, val) { return !val; }); });
$("#chkAll").on("click", function () { $("#plalst :checkbox").prop("checked", $("#chkAll").prop("checked")) });
});
</script>
</head>
<body>
<div id="plalst">
<input type="checkbox" />一隊(duì)
<input type="checkbox" />二隊(duì)
<input type="checkbox" />三隊(duì)
<input type="checkbox" />四隊(duì)
<input type="checkbox" />五隊(duì)
<input type="checkbox" />六隊(duì)
</div>
<br /><br /><br />
<input type="button" id="selall" value="全選" />
<input type="button" id="selnone" value="全不選" />
<input type="button" id="resver" value="反選" />
<input type="checkbox" id="chkAll" /><label for="chkAll" >選擇</label>
</body>
</html>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家有所幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
jquery 實(shí)現(xiàn)輪播圖詳解及實(shí)例代碼
這篇文章主要介紹了jquery 實(shí)現(xiàn)輪播圖相關(guān)資料,經(jīng)過一段時(shí)間學(xué)習(xí)jquery 的知識(shí)，這里寫一個(gè)簡(jiǎn)單的輪播圖，需要的朋友可以參考下2016-10-10
修改checkbox時(shí)..jquery在取checked值時(shí)總是出這樣那樣的問題....各個(gè)版本之間還有少許的差異....當(dāng)向后臺(tái)發(fā)送數(shù)據(jù)后,,再返回到當(dāng)前頁時(shí)..checked的狀態(tài)始終不對(duì)2012-08-08
基于JQuery.timer插件實(shí)現(xiàn)一個(gè)計(jì)時(shí)器
基于JQuery.timer插件實(shí)現(xiàn)一個(gè)計(jì)時(shí)器，需要的朋友可以參考下。2010-04-04
jquery實(shí)現(xiàn)html頁面 div 假分頁有原理有代碼
大概原理就是填充后div的總高度 （1000px） 顯示高度（100px） 則頁面總數(shù)為10頁 。當(dāng)查看第二頁時(shí)，顯示的div高度為100 - 200之間，以此類推2014-09-09
通過jquery的$.getJSON做一個(gè)跨域ajax請(qǐng)求試驗(yàn)
jquery提供了$.getJSON的方法，讓我們可以實(shí)現(xiàn)跨域ajax請(qǐng)求，但jqueryAPI上的內(nèi)容實(shí)在太少，如何用$.getJSON，請(qǐng)求網(wǎng)站應(yīng)該返回怎樣的數(shù)據(jù)庫才能讓$.getJSON獲取到，下面我就用一個(gè)實(shí)際例子來說明下。2011-05-05
jQuery Easyui Datagrid實(shí)現(xiàn)單行的上移下移及保存移動(dòng)的結(jié)果
這篇文章主要介紹了jQuery Easyui Datagrid實(shí)現(xiàn)單行的上移下移及保存移動(dòng)的結(jié)果,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
jQuery ztree實(shí)現(xiàn)動(dòng)態(tài)樹形多選菜單
這篇文章主要介紹了jQuery ztree實(shí)現(xiàn)動(dòng)態(tài)樹形多選菜單，ztree動(dòng)態(tài)樹形菜單，初始化加載和延遲加載，感興趣的小伙伴們可以參考一下2016-08-08
jQuery實(shí)現(xiàn)簡(jiǎn)易的輸入框字?jǐn)?shù)計(jì)數(shù)功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)易的輸入框字?jǐn)?shù)計(jì)數(shù)功能,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁面元素屬性的獲取與計(jì)算相關(guān)操作技巧,需要的朋友可以參考下2017-01-01
jQuery Validation Plugin驗(yàn)證插件手動(dòng)驗(yàn)證
jquery.validate是jquery旗下的一個(gè)驗(yàn)證框架，借助jquery的優(yōu)勢(shì)，我們可以迅速驗(yàn)證一些常見的輸入,并且可以自己擴(kuò)充自己的驗(yàn)證方法，并且對(duì)國際化也有很好的支持，接下來通過本文給大家介紹jQuery Validation Plugin驗(yàn)證插件手動(dòng)驗(yàn)證2016-01-01
jQuery實(shí)現(xiàn)table隔行換色和鼠標(biāo)經(jīng)過變色的兩種方法
這篇文章主要介紹jQuery實(shí)現(xiàn)table隔行換色和鼠標(biāo)經(jīng)過變色的兩種方法,需要的朋友可以參考下2014-06-06