jquery實現(xiàn)全選功能效果的實現(xiàn)代碼
更新時間:2016年05月05日 16:54:48 投稿:jingxian
下面小編就為大家?guī)硪黄猨query實現(xiàn)全選功能效果的實現(xiàn)代碼。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主要是模擬一些網(wǎng)頁中的表格實現(xiàn)全選功能。
<form> 你愛好的運動是: <input type="checkbox" id="Check" value="全選/全不選"/>全選/全不選 <br /> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="籃球" />籃球 <input type="checkbox" name="items" value="羽毛球" />羽毛球 <input type="checkbox" name="items" value="乒乓球" />乒乓球 </form>
當我們點擊全選/全部不選按鈕時,下面的checkbox執(zhí)行相應的操作。
同時反過來,當全選時,下面任意一個checkbox未選中,則全選/全不選按鈕也不會被選中。
$('[name=items]:checkbox').click(function () {
var p = $('[name=items]:checkbox');
if(p.filter(':checked').length==p.length)
{ //alert("Hello World");
$("#Check").attr("checked", true);
} else {
$("#Check").attr("checked", false);
}
});
以上這篇jquery實現(xiàn)全選功能效果的實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
使用jquery讀取html5 localstorage的值的方法
在HTML 5中,localstorage是個不錯的東西,在支持localstorage的瀏覽器中, 能持久化用戶表單的輸入,即使關掉瀏覽器,下次重新打開瀏覽器訪問,也能讀出其值,很不錯的一個東西,接下來實例介紹,需要的朋友可以參考下2013-01-01
jQuery實現(xiàn)統(tǒng)計輸入文字個數(shù)的方法
這篇文章主要介紹了jQuery實現(xiàn)統(tǒng)計輸入文字個數(shù)的方法,涉及jQuery操作鼠標事件及dom元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
jQuery Easyui學習教程之實現(xiàn)datagrid在沒有數(shù)據(jù)時顯示相關提示內(nèi)容
本篇文章給大家介紹easyui datagrid 加載查詢數(shù)據(jù)時,如果沒有相關記錄,則在datagrid中顯示沒有相關記錄的提示信息,本文介紹的非常詳細,具有參考借鑒價值,感興趣的朋友一起看下吧2016-07-07
將jquery.qqFace.js表情轉(zhuǎn)換成微信的字符碼
這篇文章主要介紹了將jquery.qqFace.js表情轉(zhuǎn)換成微信的字符碼的方法,以及jquery.qqface.js的使用方法,需要的朋友可以參考下2017-12-12

