Question

这似乎是重复的问题，因为人们已经问过这样的问题，我也读了答案。但这仍然不适合我。当我点击单选按钮时，没有任何反应。以下是我的HTML代码：

<div id="bank-details" class="row">
    <div class="col-xs-12 col-sm-12 col-md-12">
            <input type="radio" id="bank" name="pmt-method-radio" value="ACCOUNT" checked="checked">
             <label for="bank">Checking Or Savings Account </label>

              <input type="radio" id="card" name="pmt-method-radio" value="CARD">
              <label for="card">Credit/Debit Card</label>

    </div>
</div>

以下是我的jquery代码：

$('input[type="radio"]').click(function(){
    alert("fired");
    alert($("input[name=pmt-method-radio]:checked").val());

    });

Answer 1

准备好文档时使用jquery

$( document ).ready(function() {
    $('input[type="radio"]').click(function(){
    alert("fired");
    alert($("input[name=pmt-method-radio]:checked").val());

    });
});

当DOM（文档对象模型）出现时，就会发生就绪事件加载。因为此事件在文档准备好后发生，所以它是一个拥有所有其他jQuery事件和函数的好地方。就像在上面的例子。 ready（）方法指定准备好后会发生什么事件发生。

Answer 2

以下是仅包含代码的工作内容，无需任何更改

https://jsfiddle.net/zooym4ow/

通常犯的错误。


不包括jquery库，或者在提到的代码之前不包含它。

代码执行时未在浏览器中加载单选按钮。如果代码包含在<head>标记内，则会发生这种情况。

要处理此问题，请将您的代码包装在@AmanRawat所述的document.ready事件处理程序中，或将所有代码放在<body>的末尾，如下所示。

$(document).ready(function(){
   //Your code goes here
});

OR

<body>
   <!-- Your DOM elements here -->
   <script>
      //Your code goes here
   </script>
</body>

单选按钮单击事件未被触发

2 个答案: