JQuery点击行tr实现checkBox选中与未选中切换

点击table中的行时checkBox选中，再次点击取消。如何将tr作为模板插入的话可以在每一行tr注册点击事件

 <tr onclick=" $($(this).children()[0]).children()[0].checked = ! $($(this).children()[0]).children()[0].checked" >
         <td style="text-align: center; width: 10%;">
                <input  name="chercked"  type="checkBox"/>
            </td>
            <td  style="width:45%; text-align: center;" >
            </td>
              <td  style="width:45%;text-align: center;">
            </td>
        </tr>

当然也可以

$("#tables tbody tr").click(function (e) {
         var checkBoxs = $($(this).children()[0]).children()[0]
         checkBoxs .checked = !checkBoxs .checked
})