新手指南JS 全選/反選Checkbox幾個不錯的實例-js教程-網頁制作

香港交友討論區HkEasyChat

 找回密碼
 新會員註冊
..
喜歡本頁?立即SHARE


香港交友討論區HkEasyChat»論壇forum Hkeasychat電腦網絡 Blog/網頁設計程式區 JS 全選/反選Checkbox幾個不錯的實例-js教程-網頁制作
您正在討論區的: JS 全選/反選Checkbox幾個不錯的實例-js教程-網頁制作
查看: 44|回復: 0
收起左側

JS 全選/反選Checkbox幾個不錯的實例-js教程-網頁制作

[複製鏈接]

簽到天數: 2 天

連續簽到: 1 天

[LV.1]初來乍到

評論頭像

由于Checkbox特殊性我們一般都會自定義一個函數來實例Checkbox全選或反選了,Checkbox在jquery與js中處理方法會有所區別,下面我們一起來看看。
利用JS,全選FORM中的所有CHECKBOX。
Javascript代碼︰
代碼如下復制代碼

HTML代碼︰

全選:
多項選擇框列表:





再看一個jquery實例
jQuery.attr 獲取/設置對象的屬性值,如︰
$("input[name='chk_list']").attr("checked"); //讀取所有name為'chk_list'對象的狀態(是否選中)
$("input[name='chk_list']").attr("checked",true); //設置所有name為'chk_list'對象的checked為true

代碼如下復制代碼



jQuery實現CheckBox全選、全不選




全選
項1
項2
項3
項4




[/td] [/tr]        [/table]





系統自動相關推薦tag:forum,交友,alexa



上一篇︰javascript彈出層彈出微信掃描的實例-js教程-網頁制作
下一篇︰javascript多行新聞滾動效果代碼-js教程-網頁制作
+10
如您覺得" JS 全選/反選Checkbox幾個不錯的實例-js教程-網頁制作 "很膠,請share出去
您正在回覆: JS 全選/反選Checkbox幾個不錯的實例-js教程-網頁制作
您需要登錄後才可以回帖 登錄 | 新會員註冊

本版積分規則

回post預設係匿名,如唔想匿名回post請會員自己勾走

閱讀版|閱讀版大量|純文字網頁|香港交友討論區

Copyright © 香港交友討論區HKEASYCHAT Co. All Rights Reserved
香港廣告銷售No.1

手機版|論壇聯絡
HK ADVERTISEMENT 2015 GOLDEN REWARDS

GMT+8, 27-5-2018 03:38 AM

快速回復 返回頂部 返回列表
保持討論區活躍高登錄一齊討論啦~ hkeasychat