ワイズリマインダー

テーブルのtrをクリックして要素内のcheckboxを操作する

<table><tbody>
 <tr><td><input type="checkbox" /></td><td>あああああ</td></tr>
 <tr><td><input type="checkbox" /></td><td>いいいいい</td></tr>
</body></table>
$('table > tbody > tr').click(function(e){
  var tag=$(e.target).prop('tagName');
  if(tag=='INPUT' || tag=='LABEL'){ return; }
  var tar=$(this).find('input');
  tar.prop('checked',!tar.prop('checked')).change();
});

※checkboxにchangeイベントが無い場合は、.change()は不要

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください