ブラウザ上でチェックボックスを全て選択するには

質問

ラインスタンプをたくさん販売しており、何が売れたかを確認するためにチェックボックスを一つずつ選択しなければなりません。
ブラウザ上で、一気に選択する方法は何がありますでしょうか。

回答No.2

Proof4 · ベストアンサー

ブックマークレットを使うと実現できます。
下記のコードをブックマークレットとして登録し、チェックボックスを選択したいページで呼び出すとページ内のすべてのチェックボックスに一気にチェックをつけます。

javascript:var inputs=document.getElementsByTagName('input');for(i of inputs){if(i.type=='checkbox'){i.checked=true;}}

ブックマークレットの具体的な登録方法はブラウザによって異なりますが、おおよそ一度任意のウェブサイトをお気に入り登録→URL欄にコードを貼り付けという手順で登録できます。参考URLを貼っておきますので必要であればご覧ください。

参考URL：

https://qiita.com/aqril_1132/items/b5f9040ccb8cbc705d04

お礼

ありがとうございます。これは便利な機能ですね！登録したところ、クリックしたら真っ白の画面にtrueとでてきました。javascript の記述を変えればうまくいくような気がしますが、研究してみます！

回答No.1

AsarKingChang

あなたがJQUERYのエンジニアなら、JavaScriptなどで
やる方法もありますが。
エンドユーザーとしての質問でしたら、
直接は「ない」。。。になってしまいます。

だと、寂しいので、私なりの回答をしますね。
どれか一つをマウスで押します。そこがカレント位置になるので、
TABで次のチェックボックスに行くので、そこでSPACEを押すと
チェック状態が反転（OFFならON、ONならOFFになる）
このまま、TABでさらに次に行きます。
つまり、TAB+SPACEを連打すると、以外にこの操作ができますよ！
なお、カレントが「壁紙」になっている状態でSPACEを
押すとスクロールダウンします。慣れてくると、
PageDownよりも、この方が楽になるので、
一日に大量のページを見る場合は、
マウスでのスクロール制御やホイールではなく、
「SPACE」を多用するほうが、効率が良かったりします！。
一度お試しを！

お礼

ありがとうございます！試してみます！