RadioButtons连接到我的change（）jQuery事件不会触发

Question

这是我的代码：

<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代码有问题吗？

Answer 1

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

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

Answer 2

嗯，蝙蝠，你需要将你的JS包裹在$(document).ready(function(){ ... });块中。当JS运行时，它试图访问的元素还不存在。