jquery實(shí)現(xiàn)全選功能效果的實(shí)現(xiàn)代碼
更新時(shí)間：2016年05月05日 16:54:48 投稿：jingxian
下面小編就為大家?guī)?lái)一篇jquery實(shí)現(xiàn)全選功能效果的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
主要是模擬一些網(wǎng)頁(yè)中的表格實(shí)現(xiàn)全選功能。
<form> 你愛(ài)好的運(yùn)動(dòng)是： <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>
當(dāng)我們點(diǎn)擊全選/全部不選按鈕時(shí)，下面的checkbox執(zhí)行相應(yīng)的操作。
同時(shí)反過(guò)來(lái)，當(dāng)全選時(shí)，下面任意一個(gè)checkbox未選中，則全選/全不選按鈕也不會(huì)被選中。
$('[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實(shí)現(xiàn)全選功能效果的實(shí)現(xiàn)代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JQuery的AJAX實(shí)現(xiàn)文件下載的小例子
JQuery的ajax函數(shù)的返回類(lèi)型只有xml、text、json、html等類(lèi)型，沒(méi)有“流”類(lèi)型，所以我們要實(shí)現(xiàn)ajax下載，不能夠使用相應(yīng)的ajax函數(shù)進(jìn)行文件下載。但可以用js生成一個(gè)form，用這個(gè)form提交參數(shù)，并返回“流”類(lèi)型的數(shù)據(jù)。在實(shí)現(xiàn)過(guò)程中，頁(yè)面也沒(méi)有進(jìn)行刷新2013-05-05
第一次用JSON作為jquery異步請(qǐng)求的傳輸對(duì)象，結(jié)果在jquery請(qǐng)求后返回的結(jié)果是字符串還是json對(duì)象上折騰了半天。2011-04-04
webpack中引用jquery的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇webpack中引用jquery的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
jQuery實(shí)現(xiàn)輸入框的放大和縮小功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)輸入框的放大和縮小功能,涉及jQuery基于事件響應(yīng)的頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
使用Easyui實(shí)現(xiàn)查詢條件的后端傳遞并自動(dòng)刷新表格的兩種方法
這篇文章主要介紹了使用Easyui實(shí)現(xiàn)查詢條件的后端傳遞并自動(dòng)刷新表格的兩種方法,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-09-09
這篇文章主要介紹了jQuery平滑旋轉(zhuǎn)幻燈片特效，一個(gè)具有自己特色的幻燈片會(huì)吸引用戶的注意力，讓用戶產(chǎn)生瀏覽網(wǎng)站的興趣至關(guān)重要，現(xiàn)在小編推薦給大家一款特別棒的幻燈片，感興趣的小伙伴可以參考下。2015-09-09
關(guān)于html+ashx開(kāi)發(fā)中幾個(gè)問(wèn)題的解決方法
在跟html+ashx打交道的園友們肯定會(huì)發(fā)現(xiàn)，這種模式雖然優(yōu)美，但在開(kāi)發(fā)中會(huì)遇到一些難處理的地方。我也不例外，下面是自己在實(shí)際開(kāi)發(fā)中總結(jié)出來(lái)的幾條經(jīng)驗(yàn)，希望跟大家分享，更希望得到大家的建議和更好的解決方法！2011-07-07
下面小編就為大家?guī)?lái)一篇設(shè)置jquery UI 控件的大小方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)九宮格拼圖小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
對(duì)于javascript事件擴(kuò)展，所有的lib都差不多。和jquery和prototype,yui和Ext，其要解決的首要問(wèn)題是兼容性，所有 lib都會(huì)對(duì)event進(jìn)行包裹，統(tǒng)一其屬性解決其兼容性。2010-06-06