彰化一整天的論壇

 找回密碼
 立即註冊
查看: 242|回復: 2

javascript顯示多少個checkbox被選取

[複製鏈接]
發表於 2021-7-6 18:55:34 | 顯示全部樓層 |閱讀模式
  1. function checkboxes(){
  2.     var inputElems = document.getElementsByTagName("input"),
  3.     count = 0;
  4.     for (var i=0; i<inputElems.length; i++) {
  5.     if (inputElems[i].type === "checkbox" && inputElems[i].checked === true){
  6.         count++;
  7.         alert(count);
  8.     }
  9. }}
複製代碼

資料來源: https://www.codegrepper.com/code ... ox+value+javascript
回復

使用道具 舉報

 樓主| 發表於 2021-7-6 18:56:59 | 顯示全部樓層
本帖最後由 imingho 於 2021-7-6 19:39 編輯

將所有選取旳checkbox取消
  1. function un_checkboxes(){
  2.     var inputElems = document.getElementsByTagName("input"),
  3.     count = 0;
  4.     for (var i=0; i<inputElems.length; i++) {
  5.     if (inputElems[i].type === "checkbox" && inputElems[i].checked === true){
  6.                 inputElems[i].checked=false;
  7.     }
  8.    }
複製代碼
回復 支持 反對

使用道具 舉報

發表於 2021-7-6 19:47:00 | 顯示全部樓層
本帖最後由 imingho 於 2021-7-6 19:48 編輯
discuz 發表於 2021-7-6 18:56
將所有選取旳checkbox取消

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


加到書籤中的用法(全選)
  1. javascript:!function(){var inputElems = document.getElementsByTagName("input");for(var i=0; i<inputElems.length; i++) {if (inputElems[i].type === "checkbox" && inputElems[i].checked === false){inputElems[i].checked=true;}}}();
複製代碼
回復 支持 反對

使用道具 舉報

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

本版積分規則

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

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

GMT+8, 2021-9-20 10:38 , Processed in 0.094651 second(s), 16 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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