Javascript 未触发单选按钮单击事件_Javascript_Jquery_Radio Button

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

javascript jquery

Javascript 未触发单选按钮单击事件,javascript,jquery,radio-button,Javascript,Jquery,Radio Button,这似乎是一个重复的问题，因为人们已经问了这样的问题，我也读了答案。但这对我来说仍然不起作用。当我点击单选按钮时，什么也没发生。下面是我的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="AC

这似乎是一个重复的问题，因为人们已经问了这样的问题，我也读了答案。但这对我来说仍然不起作用。当我点击单选按钮时，什么也没发生。下面是我的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

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

    });
});

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

这是只包含代码的工件，没有任何更改

经常犯的错误

jquery库未包含，或者在提到的代码之前未包含

执行代码时，浏览器中未加载单选按钮。如果代码包含在

标记中，则会发生这种情况。要处理此问题，请将代码包装在@AmanRawat提到的document.ready事件处理程序中，或将所有代码放在

的末尾，如下所示

或


//你的密码在这里

请在stack snippet中重现该问题…可能存在重复，为什么不将其标记为重复？这可能是由于js中的某些错误造成的。如果您使用的是chrome，请按f12并检查js中是否有任何错误或没有我的错误。如果我这样写函数：$（document）.on（'click'，'input[name=“pmt method radio”]”，function（）{//code}）；然后它就工作了。指定的单选按钮是否基于某个操作动态添加到DOM中？？如果它是静态的或已经存在，那么现有代码应该按照JSFIDDLERURL中所示的方式工作@特迪杜

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

    });
});

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

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