Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

Grease Monkey(Google Chrome版)で好きなサイトのチェックボックス全選択

パンくずリスト

Grease Monkey
Grease Monkeyで好きなサイトのチェックボックス全選択

概要

Grease Monkeyで好きなサイトのチェックボックス全選択

詳細

Grease Monkeyを利用すると、(全て|任意)のWebサイトに任意のScriptを実行させることができます。
通常自分が管理しているサイト以外の挙動を変えることは出来ませんが、これにより
任意の機能を追加することができます。

Grease Monkeyは様々なブラウザで利用可能ですが、私は日常Google Chromeを利用しているので
Google Chrome前提で話をします。
記事記載時点ではGoogle Chrome24です。

ユーザースクリプト拡張子

ユーザースクリプトは以下の拡張子にしてください。

xxxx.user.js

GoogleChromeにユーザースクリプトを追加する場合

作成したユーザースクリプトもしくはダウンロードしたユーザースクリプト
Chromeの拡張設定画面にドラッグアンドドロップしてください。
chrome://extensions/

サンプル仕様

Escボタンを押下すると現在開いているページのチェックボックスを全てオンにします。
以下のコードを上記の手順にしたがって追加すれば動作確認可能です。

サンプルコード

all_checker.user.js

// ==UserScript==  
// @name        all_checker
// @description 全チェックボックスを有効にする
// ==/UserScript==  
window.onload = (function() {
  window.document.onkeydown = function(evt){
    var keyCode = evt.keyCode;
    // 27はEscのキーコード
    if (keyCode == 27) {
      inputs = document.getElementsByTagName("input");
      for(count = 0; count < inputs.length; count++){
        if (!inputs[count].type == "checkbox") {
          continue;
        }
        inputs[count].checked = "true";
      }
    }
  }
})();