0
1

Google Chromeのブックマークレットを使って、画面の全チェックボックスをON / OFFする

Posted at

前置き

はじめまして、M333 Studioと申します。(エムササミスタジオと読みます)
システムエンジニアをやっています。
最近参画したプロジェクトで基本設計書を作成するはずが、基盤が全く固まっておらず、なぜかワイヤーフレームを作成しています。(元々Web出身だと自己紹介した結果、デザイナーをすることに)
ちまちました機能や備忘録を投稿していきたいと思ってます。
では、どうぞよしなに。

ブックマークレットの登録方法

前提:Google Chromeを使用。ブックマークバーは表示済み

  1. ブックマークバーを右クリックし、「ページを追加...」をクリック
  2. ブックマークに好きな名前を付け、URLに下記のコードをコピー&ペーストする
javascript:(function(){if(jQuery){var checkboxes = jQuery(':checkbox');if(checkboxes.length > 0){var allChecked = checkboxes.is(':checked');checkboxes.prop('checked', !allChecked);}}else{var script = document.createElement('script');script.src = 'https://code.jquery.com/jquery-3.6.4.min.js';script.onload = function(){var checkboxes = jQuery(':checkbox');if(checkboxes.length > 0){var allChecked = checkboxes.is(':checked');checkboxes.prop('checked', !allChecked);}};document.head.appendChild(script);}})();

動作

CPT2311171417-112x796.gif

わかりづらいですが、上で登録したブックマークをクリックしてます。
使いどころは微妙ですが、あったら便利的な機能です。

注意

画面の全てのチェックボックスに作用するので、指差し確認:point_up:して利用してください。

以上、初投稿でした。(初投稿がニッチな機能すぎる。。)

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1