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

求人

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

デモです。

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

デモです。

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

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

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

デモです。

関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
Python3.6,Djangoを勉強中です,Javaは少し飽きてしまってます–;
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^

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

コメントをどうぞ

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

CAPTCHA