單選按鈕單擊事件未被觸發

-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 –

單選按鈕單擊事件未被觸發

回答

相關問題