jquery實現(xiàn)全選和全不選功能效果的實現(xiàn)代碼【推薦】
更新時間：2016年05月05日 16:58:53 投稿：jingxian
下面小編就為大家?guī)硪黄猨query實現(xiàn)全選和全不選功能效果的實現(xiàn)代碼【推薦】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考
網(wǎng)上好多代碼都是錯的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery實現(xiàn)全選和全不選功能效果的實現(xiàn)代碼【推薦】</title>
</head>
<script src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#checkedAll").click(function () {
//alert("aa");
if ($(this).attr("checked")) { // 全選
$("input[name='checkbox_name']").each(function () {
$(this).attr("checked", true);
});
}
else { // 取消全選
$("input[name='checkbox_name']").each(function () {
$(this).attr("checked", false);
});
}
});
});
</script>
<body>
<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"/>全選/取消全選
</body>
</html>
以上這篇jquery實現(xiàn)全選和全不選功能效果的實現(xiàn)代碼【推薦】就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- jQuery CheckBox全選、全不選實現(xiàn)代碼小結(jié)
- 基于JQuery實現(xiàn)CheckBox全選全不選
- jquery 實現(xiàn)checkbox全選，反選，全不選等功能代碼(奇數(shù))
- jquery實現(xiàn)checkbox全選全不選的簡單實例
- jquery實現(xiàn)checkbox 全選/全不選的通用寫法
- jquery全選/全不選/反選另一種實現(xiàn)方法(配合原生js)
- JQuery選中checkbox方法代碼實例（全選、反選、全不選）
- 基于jQuery實現(xiàn)復(fù)選框的全選 全不選 反選功能
- js與jQuery實現(xiàn)checkbox復(fù)選框全選/全不選的方法
- jQuery實現(xiàn)全選&全不選&非全選
相關(guān)文章
這里所說的浮動工具欄就是大家平時看到的社交網(wǎng)絡(luò)分享按鈕欄那樣的效果,可以做成浮動效果且能上下移動,這里我們就來看一個使用jQuery制作頁面工具邊欄的實例分享.2016-05-05
這篇文章主要給大家介紹了關(guān)于jQuery實現(xiàn)簡單彈出框效果的相關(guān)資料,幾天一直在研究JQuery,確實很好用,有很多需求都是要彈出框,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06
這篇文章給大家分享了jQuery實現(xiàn)隔行背景色變色的代碼，有相同需要的小伙伴參考下吧2014-11-11
jquery如何實現(xiàn)在加載完iframe的內(nèi)容后再進行操作
怎么實現(xiàn)在加載完iframe的內(nèi)容后才進行下一步操作，通過jquery可以實現(xiàn)，為iframe添加onload事件，具體如下，喜歡的朋友不妨參考下或許對大家有所幫助2013-09-09
這篇文章主要介紹了jquery開發(fā)實現(xiàn)的md5插件，最后返回的是一串十進制數(shù)，在jquery1.9.2下測試通過,需要的朋友可以參考下2014-03-03
JQuery中兩個ul標(biāo)簽的li互相移動實現(xiàn)方法
這篇文章主要介紹了JQuery中兩個ul標(biāo)簽的li互相移動實現(xiàn)方法,可實現(xiàn)ul標(biāo)簽中l(wèi)i標(biāo)簽內(nèi)容相互替換的技巧,涉及jQuery操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-05-05
最近項目開發(fā)中遇到這樣的功能:1.點擊按鈕的時候，可以進行倒計時，倒計時自定義.2.當(dāng)接收短信失敗后，倒計時停止，可點擊重新發(fā)送短信.3.點擊的元素支持一般標(biāo)簽和input標(biāo)簽。看似很復(fù)雜其實實現(xiàn)代碼很簡單，下面小編給大家分享下實現(xiàn)代碼，需要的朋友參考下吧2017-05-05
jQuery ajax全局函數(shù)處理session過期后的ajax跳轉(zhuǎn)問題
這篇文章主要介紹了基于jQuery的全局ajax函數(shù)處理session過期后的ajax操作的相關(guān)資料,需要的朋友可以參考下2016-06-06
jQuery插件HighCharts繪制2D帶有Legend的餅圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D帶有Legend的餅圖效果,結(jié)合實例形式分析了jQuery使用HighCharts繪制帶明細顯示的餅狀圖效果實現(xiàn)技巧,并附帶了demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
jQuery EasyUI API 中文文檔 - TimeSpinner時間微調(diào)器
jQuery EasyUI API 中文文檔 - TimeSpinner時間微調(diào)器介紹，需要的朋友可以參考下。2011-10-10