[JQuery] e.target

[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>