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

質問編集履歴

2

試してみたことを追記

2016/10/12 02:36

投稿

hibikikudo
hibikikudo

スコア238

title CHANGED
File without changes
body CHANGED
@@ -128,5 +128,26 @@
128
128
 
129
129
  });
130
130
  ```
131
+ ### 試してみたこと
132
+ 10/12追記:各位ご回答いただきありがとうございます。
133
+ 下記のように書いてみましたがまだうまくいきませんでした…
131
134
 
135
+ (https://jsfiddle.net/gs2fbvmx/17/)
136
+
137
+ ```javascript
138
+ $(".js-dow").on("change", function() {
139
+ var flg = $(this).prop('checked');
140
+ var dow = $(".js-dow").index(this);
141
+ var hol = $(".js-nh").index(this);
142
+ var td = $('td');
143
+ $("#t1 tr").each(function() {
144
+ if (td.hasClass('.js-national-holiday').length) {
145
+ $(this).find('td').eq(hol).toggleClass('selected', flg);
146
+ } else {
147
+ $(this).find('td').eq(dow).toggleClass('selected', flg);
148
+ }
149
+ });
150
+ }).change();
151
+ ```
152
+
132
153
  よろしくお願いいたします。

1

サンプル変更

2016/10/12 02:36

投稿

hibikikudo
hibikikudo

スコア238

title CHANGED
File without changes
body CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
 
9
9
  ###該当のソースコード
10
- [JSFiddle動くサンプル](https://jsfiddle.net/gs2fbvmx/15/)
10
+ [JSFiddle動くサンプル](https://jsfiddle.net/gs2fbvmx/16/)
11
11
  ```HTML
12
12
  <label for="">
13
13
  <input type="checkbox" class="js-dow js-weekday">月曜</label>