连接到我的 change() jQuery 事件的 RadioButtons 不会触发答案

【问题标题】：RadioButtons hooked up to my change() jQuery event don't fire连接到我的 change() jQuery 事件的 RadioButtons 不会触发
【发布时间】：2011-10-11 14:43:26
【问题描述】：

这是我的代码：

<script type="text/javascript">
    $('input[name="paymenttype"]').change(function () {
        alert("works!"); // This doesn't fire.
    });
</script>

<div id="paymentselector">
    <label>
        <input name="paymenttype" value="deposit" type="radio" />Deposito
    </label>
    <label>
        <input name="paymenttype" value="creditcard" type="radio" />Tarjeta de Credito
    </label>
</div>

根据文档，这应该有效： http://api.jquery.com/attribute-equals-selector/

在 change() 事件中，不会触发警报。

我的 Javascript 代码有问题吗？

【问题讨论】：

标签： jquery asp.net-mvc-3 events radio-button onchange

【解决方案1】：

您可以尝试添加一个文档就绪处理程序 -

$(document).ready(function() {
  $('input[name="paymenttype"]').change(function () {
    alert("works!"); // This doesn't fire.
   });
});

【讨论】：

永远忘记这个事件。谢谢你。这解决了这个问题。显然，该事件试图连接起来，但该元素还不存在。

【解决方案2】：

好吧，马上，您需要将您的 JS 包装在一个 $(document).ready(function(){ ... }); 块中。当 JS 运行时，它试图访问的元素还不存在。

【讨论】：