[JavaScript] チェックボックスでチェックが入っている要素を取得する

css3で使えるようになった:checkedを使うと、チェックが入っている要素が簡単に取得できる。

docment.querySelectorAll("input:checked");

でチェックが入ったinput要素のリストが取れる。

cssでも指定できる
input:checked{
  color: red;
}