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

回答編集履歴

1

追記

2017/03/17 09:19

投稿

yambejp
yambejp

スコア117888

answer CHANGED
@@ -8,4 +8,19 @@
8
8
  }).eq(0).change();
9
9
  });
10
10
 
11
+ ```
12
+
13
+ # 追記
14
+ data-targetを持っているチェックボックスをキーにするならこんな感じでも
15
+ ```javascript
16
+ $(function(){
17
+ var selector='input[type=checkbox][data-target]'
18
+ $(selector).on('change',function(){
19
+ $('#list li').removeClass('is-selected');
20
+ $(selector).filter(':checked').each(function(){
21
+ $('#list').find($(this).data('target')).addClass('is-selected');
22
+ });
23
+ }).eq(0).change();
24
+ });
25
+
11
26
  ```