JavaScript/jQuery

javascriptでチェックボックスを一括で変更する方法

更新日:

スポンサードリンク

チェックボックスのチェックに一つ一つチェックを入れていくのは非常に手間がかかるのでjavascriptを使って一括でチェックを入れます。ブラウザによって多少異なりますがコンソール画面を開いてスクリプトを実行させます。

FireFox・Chromeの場合は右クリック→「要素を調査・要素を検証」の「コンソール・Console」の画面を出したら下側の方にある入力欄に以下のソースをコピペしてエンターを押してください。

var es = document.getElementsByTagName("input");
for(i=0;i<es.length;i++){
	var e = es[i];
	e.checked = !e.checked;
}

1行にしたもの

var es = document.getElementsByTagName("input");for(i=0;i<es.length;i++){ var e = es[i]; e.checked = !e.checked;}

ちょっと雑ですが、これはinputタグを拾ってきて全てにチェックを入れかえるという単純なスクリプトです。これにより全てにチェックが入っている場合は全てのチェックを外し、また逆のときはチェックが入るようになります。

私はTwitterのメール通知のチェックを一括で全てはずす時に使っています。

スポンサードリンク

-JavaScript/jQuery

Copyright© めめんと , 2019 All Rights Reserved Powered by AFFINGER5.