jquery checkbox全選、取消全選實(shí)現(xiàn)代碼

更新時間：2010年03月05日 16:55:24 作者：

jquery實(shí)現(xiàn)checkbox全選、取消全選的代碼。

<script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> 
<input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ />1<br /> <input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br /> 
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br /> 
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ />4<br /> 
<input type=”checkbox” name=”checkedAll” id=”checkedAll”/>全選/取消全選 
<script type="text/javascript"><!-- 
$(function() { 
$("#checkedAll").click(function() { 
if ($(this).attr("checked") == true) { // 全選 
$("input[name='checkbox_name[]']").each(function() { 
$(this).attr("checked", true); 
}); 
} else { // 取消全選 
$("input[name='checkbox_name[]']").each(function() { 
$(this).attr("checked", false); 
}); 
} 
}); 
}); 
// --> 
</script> 

您可能感興趣的文章:

相關(guān)文章

jQuery插件MixItUp實(shí)現(xiàn)動畫過濾和排序
MixItUp過濾排序jQuery插件是一款鼠標(biāo)滑過圖片顯示描述的jQuery過濾排序插件。是一款輕量，但功能強(qiáng)大的 jQuery 插件，提供了對分類和有序內(nèi)容的美麗的動畫過濾和排序功能。特別適合用于作品集網(wǎng)站，畫廊，圖片博客以及任何的分類或有序內(nèi)容。
2015-04-04
jquery實(shí)現(xiàn)紅色豎向多級向右展開的導(dǎo)航菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)紅色豎向多級向右展開的導(dǎo)航菜單效果,涉及jquery鼠標(biāo)hover事件結(jié)合class樣式動態(tài)添加與刪除的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08
php跨域調(diào)用json的例子
本文簡單說明php用json如何跨域調(diào)用，一個小例子，大家看一下就明白
2013-11-11
jQuery 重復(fù)加載錯誤以及修復(fù)方法
本文主要記錄了在項(xiàng)目中遇到j(luò)Query重復(fù)加載導(dǎo)致依賴jQuery的js全部失效然后一步步分析，得出最終解決方案的全部過程，主要是記錄下來，提醒自己以后不要再犯相同錯誤。
2014-12-12
jQuery實(shí)現(xiàn)菜單感應(yīng)鼠標(biāo)滑動動畫效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)菜單感應(yīng)鼠標(biāo)滑動動畫效果的方法,實(shí)例分析了jQuery中鼠標(biāo)事件及animate的使用技巧,非常具有實(shí)用價值,需要的朋友可以參考下
2015-02-02
JQuery擴(kuò)展插件Validate 2通過參數(shù)設(shè)置驗(yàn)證規(guī)則
在前面示例中使用的的方法簡單方便，但沒有完全將js與頁面結(jié)構(gòu)完全分離，也就是說js依賴了class,下面通過validate()方法的參數(shù)設(shè)置驗(yàn)證規(guī)則將js與頁面結(jié)構(gòu)完全分離
2011-09-09
基于jquery的代碼顯示區(qū)域自動拉長效果
今天看到一個技術(shù)類網(wǎng)站，在顯示代碼的地方，邊框會拉長，很方便用戶閱讀體驗(yàn)，特看了下代碼，原理很簡單，使用了jquery，不適用也可以實(shí)現(xiàn)
2011-12-12
jQuery操作CheckBox的方法介紹(選中,取消,取值)
本篇文章主要是對jQuery操作CheckBox的方法(選中,取消,取值)進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02
jQuery實(shí)現(xiàn)高亮顯示的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)高亮顯示的方法,涉及jQuery樣式控制的addClass與removeClass方法使用技巧,需要的朋友可以參考下
2015-03-03
Jquery實(shí)現(xiàn)的一種常用高亮效果示例代碼
本篇文章只要是對Jquery實(shí)現(xiàn)的一種常用高亮效果示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01