JQuery On Dynamic Load raido buttons Как получить его значение

Question

Я загружаю эту категорию div на вызов ajax на загрузку страницы, тогда я хочу вызвать другие функции ajax со значением выбранного переключателя.

В моем HTML я есть

<div id="category_data"> 
<br> 
<input type="radio" checked="" value="01807000" name="invoiceid" onclick="getInvoiceRelatedData('01807000');"> 
July 2015 - New Charges: $71.51 
<br> 
<input type="radio" value="01778565" name="invoiceid" onclick="getInvoiceRelatedData('01778565');"> 
June 2015 - New Charges: $71.02 
<br> 
<input type="radio" value="01743295" name="invoiceid" onclick="getInvoiceRelatedData('01743295');"> 
May 2015 - New Charges: $71.32 
<br> 
</div> 

Мой JS выглядит

<script>jQuery.noConflict();</script> 
    <script language="javascript" type="text/javascript"> 

     jQuery(document).ready(function() { 
      getCategoryRelatedData(); 
      alert_s=jQuery("input[name='invoiceid']:checked").val(); 
      alert(alert_s);// 
     getInvoiceRelatedData(alert_s); 
     }); // end of ready function 

На самом деле то, что я хотел сделать, это загрузить данные по умолчанию, выбранные на странице загрузки, а не пользователь должен нажать на Это.

Answer 1

Я не знаю, почему вы не можете использовать успех ajax для выполнения этой работы. Но если вы можете использовать jquery и отправить запрос ajax, вы можете попробовать обещать, чтобы получить значение после выполнения ajax.

Я пытаюсь имитировать ваше состояние и делать это в jsfiddle.

function getCategoryRelatedData(){ 
    console.log('getCategoryRelatedData...'); 
    return $.ajax(/* what ever you want to do*/); 
} 

function getInvoiceRelatedData(){ 
    console.log('getInvoiceRelatedData...'); 
    var alert_s=$("input[name='invoiceid']:checked").val(); 
    alert(alert_s);// 
} 

$(document).ready(function(){ 
    getCategoryRelatedData().promise().done(getInvoiceRelatedData); 
}); 

http://jsfiddle.net/jul101/85uoe54o/