どれか一つでも選択されていれば活性化するボタン

Question

###前提・実現したいこと
tdがどれか一つでも選択されていれば活性化、何も選択されていなければ非活性（disabled）するボタンを作りたい。
動くサンプル

###発生している問題・エラーメッセージ
複数のtdを選択してから、一つのtdの選択を解除すると、ボタンのdisabledがうまく動いてくれません(選択されているtdがあるのに、活性化しない)。
$(this)と書いているために、すべての要素ではなくそのクリックした要素だけを見てしまっているためで、すべての要素をチェックするためには.eachまたは.filterを使用した関数を組み込むのだと思いますが、この勘所がいまいちわかりません…

###該当のソースコード

  <tr>
    <th class="js-dow">mon</th>
    <th class="js-dow">tue</th>
    <th class="js-dow">wed</th>
    <th class="js-dow">thu</th>
    <th class="js-dow">fri</th>
    <th class="js-dow">sat</th>
    <th class="js-dow">sun</th>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    <td>7</td>
  </tr>
  <tr>
    <td>8</td>
    <td>9</td>
    <td>10</td>
    <td>11</td>
    <td>12</td>
    <td>13</td>
    <td>14</td>
  </tr>
  <tr>
    <td>15</td>
    <td>16</td>
    <td>17</td>
    <td>18</td>
    <td>19</td>
    <td>20</td>
    <td>21</td>
  </tr>
  <tr>
    <td>22</td>
    <td>23</td>
    <td>24</td>
    <td>25</td>
    <td>26</td>
    <td>27</td>
    <td>28</td>
  </tr>
</table>
<button type="reset" id="resetDate">reset</button>

 $('#resetDate').prop('disabled', true);
	cell.on('click', function () {
		if ($(this).hasClass('selected') == false) {
			$('#resetDate').prop('disabled', true);
		} else {
			$('#resetDate').prop('disabled', false);
		}
	}); 
});

何卒よろしくお願いいたします。

Answer 1

やりたいことはこんな感じでしょうか？

https://jsfiddle.net/29fv96gy/

Comments

[hibikikudo]

ありがとうございます。私もちょうど自己解決したのですが、この方法でした。

Answer 2

classの数を数えて0だったらdisableにするとか

$(function() {
 $('#resetDate').prop('disabled', true);
	cell.on('click', function () {
		if ($(".selected").length == 0) {
			$('#resetDate').prop('disabled', true);
		} else {
			$('#resetDate').prop('disabled', false);
		}
}); 

Comments

[hibikikudo]

ありがとうございます。大変参考になりました。

Answer 3

これって前回の続きでcheckboxがあるっていう認識でよいですよね？
であればresetをおしたら、全checboxをクリアして
各checkboxのchange()を発行してやればいいのでは？

追記

失礼しました別件ですね。以下でどうでしょうか？

$(function() {
  $('#t1 td').on('click',function(){
    $(this).toggleClass('selected',function(index,prop){return !prop;});
    var flg=$('#t1 td.selected').length==0;
    $('#resetDate').prop('disabled',flg);
  });
  $('#resetDate').on('click',function(){
    $('#t1 td').removeClass('selected');
  }).prop('disabled',true);
});

Comments

[hibikikudo]

私の質問が悪く失礼しました。チェックボックスはこの際無視していただければと思います。
参照：https://jsfiddle.net/gs2fbvmx/8/

[yambejp]

早とちりでした。追記しておきました

[hibikikudo]

回答ありがとうございます。参考にさせていただきます。