teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

補足の追加。

2017/01/25 11:07

投稿

kei344
kei344

スコア69625

answer CHANGED
@@ -20,4 +20,20 @@
20
20
  ---
21
21
 
22
22
  【jQueryで全選択・全解除はprop使う - Qiita】
23
- [http://qiita.com/ituki_b/items/17eab8c38a2ad5392660](http://qiita.com/ituki_b/items/17eab8c38a2ad5392660)
23
+ [http://qiita.com/ituki_b/items/17eab8c38a2ad5392660](http://qiita.com/ituki_b/items/17eab8c38a2ad5392660)
24
+
25
+ ---
26
+
27
+ **追記:**
28
+
29
+ 少し改良。
30
+
31
+ ```JavaScript
32
+ $( _=> {
33
+ const $_btn = $( '#btn' ), $_check = $( '[id^="check"]' ).prop( 'checked', false );
34
+ $_check.on( 'change', _=> {
35
+ const ck = $_check.length === $_check.filter( ':checked' ).length;
36
+ $_btn.prop( 'disabled', !ck )[ ck ? 'removeClass' : 'addClass' ]( 'inactive' );
37
+ } ).change();
38
+ } );
39
+ ```**動くサンプル:**[https://jsfiddle.net/j5w2atvb/1/](https://jsfiddle.net/j5w2atvb/1/)