[JQuery] e.target
當點擊 Td 是 CheckBox功能正常可切換 的 但在點擊 Td 裡的 CheckBox 會連續觸發相同的事件,造成功能異常
JavaScript
1: $(function () {
2: $('#test').on('click', 'td', function (e) {
3: if ($(e.target).closest('input[type="checkbox"]').prop('type') != 'checkbox') {
4: var s = $(this).find(':checkbox');
5: s.prop('checked', !s.prop('checked'));
6: }
7: });
8: });
Html
1: <table id="test">
2: <tr>
3: <td style="width: 200px; background-color: Red;">
4: <input type="checkbox" name="abc" />
5: <input type="text"></input>
6: </td>
7: </tr>
8: </table>