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

-1

这似乎是重复的问题，因为人们已经问过这样的问题，我也阅读了答案。但是这仍然不适合我。当我点击单选按钮时，没有任何反应。下面是我的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()); 

    });

来源

2016-08-12 Teddu

请重现堆栈段的问题...... –

[JQuery的$的可能的复制（＃单选按钮）.change（...）不在取消选择期间发射]（http://stackoverflow.com/questions/5176803/jquery-radiobutton-change-not-firing-during-de-selection） –

使用jQuery在文件准备

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

    }); 
});

ready事件发生时，DOM（文档对象模型）已加载。因为这个事件发生在文档准备好之后，所以它是一个有其他所有jQuery事件和函数的好地方。就像上面的例子一样。 ready（）方法指定发生准备好的事件时发生的情况。

来源

2016-08-12 06:32:31

为什么不把它标记为重复呢？ –

@Aman Rawat：它没有工作 – Teddu

这可能是由于你的js中的一些错误。如果您使用铬按f12并检查是否有任何js错误 –

这里是你的代码工作片不作任何改变

https://jsfiddle.net/zooym4ow/

常见的错误之一，通常做。

jquery库不包括在内或它没有包含在前面提到的代码。

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

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

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

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

来源

2016-08-12 07:33:16

得到了我的错误。如果我这样写功能： $（document）.on（'click'，'input [name =“pmt-method-radio”]'，function（）{ // code }）; 然后它工作。 – Teddu

指定的单选按钮是基于某些动作被动态添加到DOM？如果它是静态的或已经存在的，则现有代码应该如jsfiddler url中所示。 @Teddu –

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

回答

相关问题