彰化一整天的論壇

 找回密碼
 立即註冊
查看: 48|回復: 0

【Javascript教學】如何自訂書籤的全選及全取消核取方塊

[複製鏈接]
發表於 2021-7-9 14:34:23 | 顯示全部樓層 |閱讀模式
有朋友反應他使用的網頁電力系統時間控制是用核取方塊來選取開放時段,他每次都要一個一個的按取消,問我說有沒有比較快的方法,第一個是想到用偵錯模式去寫程式碼,但是步驟太多還要複製程式碼,最後的解決是自訂書籤來解決。

javascript_selecall.jpg


加到書籤中的用法(全取消):
javascript:{var inputElems = document.getElementsByTagName("input");for(var i=0; i<inputElems.length; i++) {if (inputElems.type === "checkbox" && inputElems.checked === true){inputElems.checked=false;}}}

全選取:
javascript:{var inputElems = document.getElementsByTagName("input");for(var i=0; i<inputElems.length; i++) {if (inputElems.type === "checkbox" && inputElems.checked === false){inputElems.checked=true;}}}

測試網址:
http://bestdaylong.com/html/checkbox.htm

語法:
http://discuz.bestdaylong.com/thread-39331-1-1.html
javascript顯示多少個checkbox被選取



回復

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

 ㄚ母滴雞湯
 員林香純滴雞精

Archiver|手機版|小黑屋|彰化一整天的論壇(Excel,Office)

GMT+8, 2021-7-26 00:47 , Processed in 0.127902 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回復 返回頂部 返回列表