javascript 全選/反選,取消選擇效果
更新時間：2010年04月29日 12:51:11 作者：
剛才博客園的javascript首頁看到一個朋友的全選/反選效果。
其實(shí)這個效果不難做。
難做的是 如何讓用戶使用起來方便。
第一個checkbox實(shí)現(xiàn)了 全選 反選
最后個checkbox實(shí)現(xiàn)了 取消選擇
這里只是做一個 JS實(shí)例罷了。
這段HTML并沒有 實(shí)際的價值。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
難做的是 如何讓用戶使用起來方便。
第一個checkbox實(shí)現(xiàn)了 全選 反選
最后個checkbox實(shí)現(xiàn)了 取消選擇
這里只是做一個 JS實(shí)例罷了。
這段HTML并沒有 實(shí)際的價值。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- 比較全的JS checkbox全選、取消全選、刪除功能代碼
- Javascript實(shí)現(xiàn)CheckBox的全選與取消全選的代碼
- js multiple全選與取消全選實(shí)現(xiàn)代碼
- js實(shí)現(xiàn)復(fù)選框的全選和取消全選效果
- 基于JavaScript實(shí)現(xiàn)復(fù)選框的全選和取消全選
- CheckBox為CheckBoxList實(shí)現(xiàn)全選或全取消選擇(js代碼實(shí)現(xiàn))
- JS小功能(checkbox實(shí)現(xiàn)全選和全取消)實(shí)例代碼
- JS控件ASP.NET的treeview控件全選或者取消(示例代碼)
- javascript 全選與全取消功能的實(shí)現(xiàn)代碼
- JS實(shí)現(xiàn)表單全選以及取消全選實(shí)例
相關(guān)文章
select超出一定長度則變成省略號2008-05-05
二級連動菜單...2006-07-07
實(shí)現(xiàn)一個年、月、季度聯(lián)動SELECT的javascript代碼
實(shí)現(xiàn)一個年、月、季度聯(lián)動SELECT的javascript代碼...2007-07-07
通過隱藏option實(shí)現(xiàn)select的聯(lián)動效果
開始的時候需求是根據(jù)一定條件隱藏一部分<option>標(biāo)簽，類似聯(lián)動效果，但是目前的html規(guī)范并沒有為<option>提供隱藏的效果，因此常用的設(shè)置display或者visibility無效。2009-11-11
動態(tài)提示的下拉框...2006-08-08
Javascript實(shí)現(xiàn)圖片不間斷滾動的代碼
這篇文章主要分享一段js圖片不間斷滾動的代碼,蠻優(yōu)秀的,需要的朋友可以參考下。2016-06-06
(僅IE下有效)關(guān)于checkbox 三態(tài)
(僅IE下有效)關(guān)于checkbox 三態(tài)...2007-05-05
文本框點(diǎn)擊時文字消失，失去焦點(diǎn)時文字出現(xiàn)
這個功能主要用戶搜索關(guān)鍵字框中，提示用戶輸入關(guān)鍵字，代碼清晰，比原理的功能要好很多，推薦使用2008-09-09
用JavaScript頁面不刷新時全選擇，全刪除（GridView）
其中的ctl00_MainContent_grvDevelopKit是在后臺代碼中的<table>中的。2009-04-04
Div下拉菜單被Select擋住的解決辦法2008-11-11