jquery - <asp :Checkbox>'s jQuery click() event not firing

Question

我有一个 ASP.NET 渲染的复选框。单击时，我希望 jQuery 捕获该事件，但由于某种原因它不起作用。

这就是我到目前为止正在做的事情:

ASP.NET

<table>
 <tr>
  <td>
   <asp:CheckBox runat="server" ClientIDMode="Static" 
                 id="testcb" name="testcb" />
  </td>
 </tr>
</table>

jQuery

$("#testcb").click(function () {
    if ($(this).is(':checked')) alert("checked");
});

这是浏览器的源代码:

<tr>
 <td>
  <span name="testcb">
   <input id="testcb" type="checkbox" 
          name="ctl00$ctl00$bodyContent$phMainContent$testcb">
  </span>
 </td>
</tr>

Answer 1

我认为问题可能是您的 jQuery 脚本在渲染相关元素之前被触发。

尝试以下操作:

<script type="text/javascript">
  $(document).on('ready', function () {
      $("#testcb").on('click', function () {
          var $cb = $(this);
          if ($cb.is(':checked')) {
              alert("checked");
          }
      });
  });
</script>

如果没有 $(document).on('ready' ... 部分，则无法保证文档在 .click()< 之前在浏览器中完全呈现 被绑定(bind)。此外，.on() 即使在调用之前不存在的元素上也应该起作用(类似于旧的 .live()以前版本的 jQuery 中的函数)。

请参阅this jsFiddle举个例子。