DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
JavaScript入門知識
>>
jQuery入門知識
>>
JQuery特效代碼
>> jquery checkbox全選反選效果代碼
jquery checkbox全選反選效果代碼
編輯：JQuery特效代碼
運行後查看效果，需要刷新下。
<!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://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript"><!-- $(function(){ var v; //全選 $("#Button1").bind("click",function(){ $("[name=item]:checkbox").attr("checked",true); }); //反選 $("#Button2").bind("click",function(){ $("[name=item]:checkbox").attr("checked",false); }); // $("#Button3").bind("click",function(){ $("[name=item]:checkbox").each(function(){ this.checked=!this.checked; }) }); var str=""; $("#Button4").bind("click",function(){ $("[name=item]:checkbox:checked").each(function(){ str+=$(this).val()+"," }) alert("您最喜歡的運動是:"+str); str=""; }) }) // --></script> </head> <body> <div id="show"> <div>你最喜歡的體育運動是?</div> <div>你的姓名:<input id="Text1" type="text" /></div> <div 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 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需刷新才能執行]
上一頁:
jquery animate 動畫效果使用說明
下一頁:
jquery (show,fadeOut,Animate)簡單效果
JQuery特效代碼
Jquery下判斷Id是否存在的代碼
一、判斷對象對象是否存在 如果是下面的 jQuery 代碼判斷一個對象是否存在，是不能用的 if($
JQuery AJAX提交中文亂碼的解決方案
現象如下：1）在Firefox下，處理頁面的編碼為gb2312，提交數據沒有問題，中文能夠正確解析；
jQuery實現高亮顯示的方法教程
本文實例講述了jQuery實現高亮顯示的方法。分享給大家供大家參考。具體如下：主要功能代碼如下：va
相關文章
用vue實現簡單實時匯率計算功能
jquery中attr和prop的區別
jquery操作復選框(checkbox)的12個小技巧總結
jquery 單引號和雙引號的區別及使用注意
jQuery DOM 操作（基本操作、內部插入、外部插入、包裹操作）
使用js和jquery獲取url及url參數的方法
jqueryUI部件庫的優缺點
jQuery+CSS3實現可拖拽的3D立體圖片展示環
HTML5+jQuery實現全屏煙花特效
jquery ui打開url網址的對話框
jQuery基礎知識
JQuery入門技巧
JQuery特效代碼
JQuery常見問題
小編推薦
jquery ajax 調用失敗的原因示例介紹
jQuery 1.5 源碼解讀 面向中高階JSER
基於MVC3方式實現下拉列表聯動(JQuery)
jQuery鏈使用指南
jquery使用remove()方法刪除指定class子元素
jQuery中height()方法用法實例教程
推薦11款jQuery開發的復選框和單選框美化插件
jquery做的一個簡單的屏幕鎖定提示框
JQuery 小練習(實例代碼)
jQuery 復習
熱門推薦
IE中jquery.form中ajax提交沒反應解決方法分享
打造基於jQuery的高性能TreeView(asp.net)
ASP.NET jQuery 實例11 通過使用jQuery validation插件簡單實現用戶登錄頁面驗證功能
jquery ajax 檢測用戶注冊時用戶名是否存在
JQuery上傳插件Uploadify使用詳解及錯誤處理
jquery通過load獲取文件的內容並跳到錨點的方法教程
jquery改變tr背景色的示例代碼
利用jQuery的$.event.fix函數統一浏覽器event事件處理
使用JS實現jQuery的addClass, removeClass, hasClass函數功能
大家都在看
javascript單引號和雙引號的區別和處理
XML 序列化（Serialization）
node.js適合游戲後台開發嗎？
CSS討論：IE下中英文字體下劃線對齊問題
javascript兼容多種浏覽器的一些寫法
CSS常用信息速查手冊
基於BootStrap Metronic開發框架經驗小結【七】數據的導入、導出及附件的查看處理
disabled與readonly的作用及區別介紹
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved