DIV CSS 佈局教程網
設為首頁
加入收藏
首頁
HTML基礎知識
CSS入門知識
JavaScript入門知識
DIV+CSS佈局
WEB網站前端
網頁腳本
網頁SEO優化
網頁制作工具
DIV+CSS佈局教程網
>>
網頁腳本
>>
JavaScript入門知識
>>
jQuery入門知識
>>
JQuery特效代碼
>> jquery input checked全選與反選1.3.2的版本
jquery input checked全選與反選1.3.2的版本
編輯：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>無標題頁</title> <script language="javascript" type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> <script language="javascript" type="text/javascript"> $.fn.checkCbx = function(){ return this.each(function(){ this.checked = !this.checked; }); } $(function(){ $("#btnSelect").click(function(){ this.value = this.value == "全選"?"反選":"全選"; $("input:checkbox").checkCbx(); }) }) </script> </head> <body> <form name="form1" method="post" action="Default8.aspx" id="form1"> <table border="1"> <tr> <th>選擇</th> <th>id</th> <th>姓名</th> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>1</td> <td></td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>2</td> <td></td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>3</td> <td></td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>4</td> <td></td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>5</td> <td></td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>6</td> <td></td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>7</td> <td></td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>8</td> <td></td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>9</td> <td></td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>10</td> <td></td> </tr> </table> <input id="btnSelect" type="button" value="全選" /> </form> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
上一頁:
jQuery 劇場版 你必須知道的javascript
下一頁:
jquery tabs的實現代碼
JQuery特效代碼
jQuery實現按鍵盤方向鍵翻頁特效
1.jQuery代碼： 代碼如下:$(document).ready(function(){ &nb
通過length屬性判斷jquery對象是否存在
. 代碼如下: //jquery 通過得到對象的長度判斷對象是否存在 function testJq
JQuery與Ajax調用新浪API獲取短網址的代碼
. 代碼如下: <!doctype html> <html> <hea
相關文章
用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插件HovertreeImg帶圓點索引圖片輪播
Jquery搜索父元素操作方法
JQuery實現自定義對話框的代碼
基於jquery的給文章加入關鍵字鏈接
jquery ajax return沒有返回值的解決方法
Jquery綁定事件(bind和live的區別介紹)
Jquery 實現checkbox全選方法
jQuery 通過事件委派一次綁定多種事件，以減少事件冗余
jQuery遍歷對象、數組、集合實例教程
Jquery右下角抖動、浮動 實例代碼(兼容ie6、FF)
熱門推薦
jQuery中empty()方法用法實例教程
jquery判斷浏覽器類型的代碼
JQuery 獲取json數據$.getJSON方法的實例代碼
Jquery實現圖片預加載與延時加載的方法教程
jQuery 加上最後自己的驗證
基於JQuery的類似新浪微博展示信息效果的代碼
jQuery修改class屬性和CSS樣式整理
一個關於jqGrid使用的小例子(行按鈕)
jquery ajax跨域解決方法(json方式)
大家都在看
javascript面向對象快速入門實例
jQuery的css()方法用法實例教程
html的DOM中Event對象onblur事件用法實例
js創建數據共享接口——簡化框架之間相互傳值
網絡廣告圖片設計:如何設計互動網絡廣告
打開頁面時跳出對話框，輸入姓名後告訴你上次登陸的時間
JS字符串拼接在ie中都報錯的解決方法
原生JavaScript生成GUID的實現示例
XML學習教程
|
jQuery入門知識
|
AJAX入門
|
Dreamweaver教程
|
Fireworks入門知識
|
SEO技巧
|
SEO優化集錦
|
Copyright ©
DIV+CSS佈局教程網
All Rights Reserved