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 запущен, элемент, к которому он пытается получить доступ, еще не существует.