JavaScript、jQueryでチェックボックスを全部チェックする

JavaScriptでチェックボックスを全部チェックするにはdocument.all.name属性.lengthでチェックボックス分ループしてチェックしていきます。

デモです。

では、jQueryでチェックボックスを一括変更してみます。attrとremoveAttrを使用します。

デモです。

デモを動かしてみるとわかると思いますが、チェックボックスの動きが変です。最初の1回目だけチェックオンできますが、2回目以降チェックできません。

正確には、チェックボックスのオンオフはpropを使用しないといけません。jQueryのバージョンによってはattrとremoveAttrでは正しく動作しません。

以下、propを使用した例です。

デモです。

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA