jquery checkbox全選反選效果代碼

更新時間：2009年11月04日 22:27:25 作者：

jquery checkbox全選反選效果代碼,需要的朋友可以參考下。

運行后查看效果，需要刷新下。

<!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> <title>jquery事件2</title> <script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript"></script> </head> <body> <div   class="bd9ljll"   id="show"> <div>你最喜歡的體育運動是?</div> <div>你的姓名:<input id="Text1" type="text" /></div> <div   class="tfhbd9j"   id="title"><input id="Checkbox1" name="item" type="checkbox" value="足球" />足球 <input id="Checkbox2" name="item" type="checkbox" value="籃球" />籃球 <input id="Checkbox3" name="item" type="checkbox" value="兵乓球" />兵乓球 <input id="Checkbox4" name="item" type="checkbox" value="游泳" />游泳 </div> <div   class="jhhhtrt"   id="content"> <input id="Button1" type="button" value="全選" /> <input id="Button2" type="button" value="取消反選" /></div> <input id="Button3" type="button" value="反選" /> <input id="Button4" type="button" value="Click" /> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

Easyui和zTree兩種方式分別實現(xiàn)樹形下拉框
最近工作中需要用到樹形下拉框，因為項目中樹形結(jié)構(gòu)使用的是zTree，效果不是很好看，于是想著使用easyui的comboTree，雖然效果達(dá)到了，但是風(fēng)格和bootstrap不搭，下面把這兩種方式的效果分享到腳本之家平臺供大家參考
2017-08-08
jQuery.each()用法分享
昨天寫了個小插件，用到這個方法，不太明白$.each()這個方法，今天查了下手冊，學(xué)習(xí)一下
2012-07-07
jQuery實現(xiàn)購物車全功能
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)購物車全功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-01-01
jQuery validate插件submitHandler提交導(dǎo)致死循環(huán)解決方法
這篇文章主要介紹了jQuery validate插件submitHandler提交導(dǎo)致死循環(huán)解決方法,對比分析了常見的錯誤寫法造成死循環(huán)與正確寫法,需要的朋友可以參考下
2016-01-01
基于jquery編寫的放大鏡插件
這篇文章主要為大家詳細(xì)介紹了基于jquery編寫的放大鏡插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-03-03
基于jQuery實現(xiàn)Div窗口震動特效代碼-代碼簡單
本文給大家介紹基于jiquery實現(xiàn)div窗口震動特效代碼，需要的朋友可以參考下
2015-08-08
用jquery獲取自定義的標(biāo)簽屬性的值簡單實例
下面小編就為大家?guī)硪黄胘query獲取自定義的標(biāo)簽屬性的值簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-09-09
jQuery Dialog 打開時自動聚焦的解決方法(兩種方法)
這篇文章主要介紹了jQuery Dialog 打開時自動聚焦的解決方法,及jquery dialog打開時，自動聚焦在第一個控件上的方法，對jquery dialog相關(guān)知識感興趣的朋友通過本文一起學(xué)習(xí)吧
2016-11-11
JQuery實現(xiàn)簡單的復(fù)選框樹形結(jié)構(gòu)圖示例【附源碼下載】
這篇文章主要介紹了JQuery實現(xiàn)簡單的復(fù)選框樹形結(jié)構(gòu)圖,涉及jQuery頁面元素屬性動態(tài)操作與事件響應(yīng)相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
2019-07-07
jquery動態(tài)加載圖片數(shù)據(jù)練習(xí)代碼
這里我只是隨便做了下，上面是照片列表和兩個按鈕，單擊小圖片下面顯示大圖片，當(dāng)點擊按鈕時可以查看下一頁，上一頁的圖片。
2011-08-08