HTML で JavaScript の全選択/全選択解除操作を実行するサンプル コード
|
コードをコピー コードは次のとおりです。<html> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=gb2312" /> <title>無題のドキュメント</title> <script type="text/javascript" language="javascript"> 関数 selectAllDels() { var allCheckBoxs = document.getElementsByName("preDelCheck"); var desc = document.getElementById("allChecked"); var selectOrUnselect=false; for(var i = 0; i < allCheckBoxs.length; i++) { すべてのチェックボックスがチェックされている場合 選択または選択解除=true; 壊す; } } if (選択または選択解除) { _allUnchecked(すべてのチェックボックス); }それ以外 { _allchecked(すべてのチェックボックス) } } 関数 _allchecked(allCheckBoxes){ for(var i = 0; i < allCheckBoxs.length; i++) { すべてのチェックボックス[i]がチェックされている = true; } } 関数 _allUnchecked(allCheckBoxes){ for(var i = 0; i < allCheckBoxs.length; i++) { すべてのチェックボックス[i].checked = false; } } </スクリプト> </head> <本文> <p>テスト</p> <フォーム> <input type="checkbox" name="preDelCheck" value="cream">ID1 <input type="checkbox" name="preDelCheck" value="sugar" >ID2 <input type="checkbox" name="preDelCheck" value="sugar">ID3 <input type="checkbox" name="preDelCheck" value="sugar">ID4 <input type="checkbox" name="preDelCheck" value="sugar">ID5 <input type="button" id="allChecked" value="すべて選択/すべて選択解除" onClick="selectAllDels()"> </フォーム> </本文> </html> |
>>: nginx 用の zabbix 5.0 をインストールして展開する方法
推薦する
MySQLのLIMIT文について詳しく説明します
目次質問サーバー層とストレージエンジン層LIMITって何ですか？何をするか？トゥカオ最近、Q&...
Vueがsweetalert2プロンプトコンポーネントを統合する際の問題についてお話ししましょう
目次1. プロジェクト統合1. CDNインポート方法: 2. 箱の梱包を確認する3. 迅速な箱詰め4...
Dockerコンテナ間で通信する3つの方法
Docker コンテナは互いに分離されており、相互にアクセスできないことは誰もが知っていますが、依存...
Iframe の使用を減らすべきいくつかの理由の分析
次のグラフは、100 個の異なる要素で iframe を作成するのにどれくらいの時間がかかるかを示し...
Vue+Openlayer をベースに geojson を動的に読み込む方法
1つ以上の機能をロードする <テンプレート> <div id="map&...
スライディングカルーセル効果を実現する js
この記事では、スライディングカルーセル効果を実現するためのjsの具体的なコードを参考までに共有します...
Springboot+Vue-Cropperでアバターの切り取りとアップロードの効果を実現
アバターをアップロードするにはVue-Cropperコンポーネントを使用します。参考までに具体的な内...
Ubuntu MySQL 5.6 バージョンの削除/インストール/エンコード設定ファイルの設定
1. MySQLを削除する a. sudo apt-get autoremove --purge m...
CSSを使用してHTMLテキストボックス内のテキストの垂直方向の中央を制御する
Text の height 属性が定義されている場合、Text に入力されたテキストは垂直方向に中央...
Vueのトランジションとアニメーションの深い理解
1. DOM要素を挿入、更新、または削除するときに、適切な場合は要素にスタイルクラス名を追加します。...
ウェブページの画像を素早く表示する方法とテクニック
1. .jpg ではなく .gif を使用します。GIF は JPG に比べてサイズが小さくなります...
Vueのよく使われる組み込み命令の詳細な説明
<本文> <div id="ルート"> <h1 ...
Dockerを使用してMQTTサーバーを構築するプロセスの詳細な説明
1. イメージをプルするdocker pull registry.cn-hangzhou.aliyu...
MySQL information_schema データベースの詳細な説明
1. 概要information_schema データベースは performance_schema...
Linux で実行中のバックグラウンド プログラムを表示および終了する方法
Linux タスク管理 - バックグラウンド実行と終了fg、bg、ジョブ、&、ctrl + ...