檢查單選按鈕發送AJAX調用和單選按鈕append

我只是想檢查一個單選按鈕發送AJAX調用和單選按鈕追加使用JavaScript。檢查單選按鈕發送AJAX調用和單選按鈕append

我已經試過幾件事情，但一直沒能得到這個權利：

for (var i = 0; i < response.split(',').length; i++) { 
    $('#radio_append').append('<input name="suggested_dates" id="suggested_dates'+count+'" value="' + response.split(',')[i] + '" class="styled chal_bhi_radio" type="radio" /><label for="suggested_dates'+count+'">' + response.split(',')[i] + '</label> <br> ') 
    count++; 
}

追加此單選按鈕後，有上點擊任何一個單選按鈕，四個單選按鈕來發送這個AJAX調用。

我正在嘗試幾件事，但沒有奏效。

在選擇任何複選框時，它沒有顯示警報框。這些單選按鈕從JavaScript中追加。

$(".chal_bhi_radio").on('change', function() { 
     alert("HI"); 
     var date_al = $(".chal_bhi_radio:checked").val(); 
     $.post("<?php echo $site_root;?>common/service.php?j=4", { 
      date_select: date_al 
     }, 
     function(response) { 
      if (response != '') { 
      per_data = $.parseJSON(response); 
      if (per_data != 0) { 
       $("#price_special_append").html(""); 
       add_basic = per_data; 
       $("#price_special_append").append(" € " + add_basic + " ") 
      } 
      } 
     });

來源

2017-01-28 Muhammad Awais Zulifqar

它沒有重複，檢查代碼剪輯感謝 –

它是。特別是如果你說「它爲我工作」的答案低於 – mplungjan

相信我這是爲我工作，並沒有從提供的鏈接複製.. –

你應該用事件代理作爲新追加的元素不會有一個事件偵聽器連接到他們：

注意事件處理程序連接到最近的靜態元素我們正在使用點擊。該值只能來自該電臺因此無需掃描DOM託運收音機，除非你擁有多臺套其中

$('#radio_append').on("click", ".chal_bhi_radio",function(){ 
    alert("HI"); 
    var date_al = $(this).val(); 
});

事件委託不會直接附加事件偵聽器來.chal_bhi_radio。但相反，它會將它們附加到另一個元素（這裏是document）。所以當單擊該元素時，它將檢查目標元素是否與選擇器匹配（第二個參數".chal_bhi_radio"）。閱讀更多關於活動委派。

來源

2017-01-28 07:41:24

感謝親愛的工作對我來說... –

爲什麼用戶將我的問題標記爲[重複]？ –

@MuhammadAwaisZulifqar查看鏈接，你會明白爲什麼。 –

檢查單選按鈕發送AJAX調用和單選按鈕append

回答

相關問題