0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

[Bookmarklet] ページ上のチェックボックスを全部ONにする

Last updated at Posted at 2019-08-22

1ページ内のチェックボックスの数が多いと全部ONにするのが大変。
ということで、ページ内のすべてのチェックボックスをONにするBookmarkletを作りました。

対応している要素・タイプ

- input
    - checkbox

使い方

  1. ブラウザを起動する(Chromeのみ動作確認済み)
  2. ブックマークマネージャーを起動する
  3. 新しいブックマークを作成で以下を入力し保存する
    ・ ブックマーク名: 任意のもの
    ・ URL: 下記のコード
  4. 使いたいWebページを開き、Step.3のブックマークをクリックする

ソースコード


javascript:
(function(){
    var elements = document.querySelectorAll('input');
    for(var i = 0; i < elements.length; i++){
        if( elements[i].type == 'checkbox' ){
            elements[i].checked = true;
        }
    }
}())

※ 全部OFFにしたい場合は、
elements[i].checked = true;elements[i].checked = false;とすればできます。

参考

<input type="checkbox">-HTML5タグリファレンス

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?