Jquery-Funktion basierend auf Radiobutton ist Auswahl

Question

Ich möchte die Daten-URL eines bestimmten Radio-Button auf der Grundlage der aktuellen Radio-Button-Auswahl aufrufen, nachdem eine andere Funktion erfolgreich ausgeführt wurde.

Hier ist meine Radio-Button Gruppe:

<form action="/ALS/RejectRecordAnalysis/1" method="post"> 
    <span id="wrapper_cra" class="form-group"> 
     <span><label for="">TEST1</label></span> 
     <span id="button-spacing"> 
      <input class="" data-url="/ALS/RejectRecordAnalysisCRA?business=1&amp;_cra_id=1" id="radiobutton1" name="_cra.agency_name" type="radio" value="{ id = 1 }" /> 
     </span> 
     <span><label for="">TEST2</label></span> 
     <span id="button-spacing"> 
      <input class="" data-url="/ALS/RejectRecordAnalysisCRA?business=1&amp;_cra_id=2" id="radiobutton2" name="_cra.agency_name" type="radio" value="{ id = 2 }" /> 
     </span> 
     <span><label for="">TEST3</label></span> 
     <span id="button-spacing"> 
      <input class="" data-url="/ALS/RejectRecordAnalysisCRA?business=1&amp;_cra_id=3" id="radiobutton3" name="_cra.agency_name" type="radio" value="{ id = 3 }" /> 
     </span> 
     <span><label for="">TEST4</label></span> 
     <span id="button-spacing"> 
      <input class="" data-url="/ALS/RejectRecordAnalysisCRA?business=1&amp;_cra_id=4" id="radiobutton4" name="_cra.agency_name" type="radio" value="{ id = 4 }" /> 
     </span> 
    </span> 
</form> 

Blickt man von diesem Erfolg Block laufen: EDIT ich ein wenig Javascript in den Erfolg Block hinzugefügt. Die Funktion .val() gibt jedoch nur die ID des ausgewählten Optionsfelds zurück und gibt einen Fehler aus, wenn Sie den Aufruf $ .ajax aufrufen.

success: function (result) { 
    if (result.success) { 
     $('#myModal').modal('hide'); 
     var checked = $("#wrapper_cra input[type='radio']:checked").val(); 
       $.ajax({ 
        url: $(checked).data('url'), 
        type: 'GET', 
        data: checked, 
        success: function (result) { 
         $("#scroll-grid").html(result); 
        } 
       }); 
    } else { 
     $('#myModalContent').html(result); 
     bindForm(); 
    } 
} 

Answer 1

Ich habe das obige Problem gelöst. In meinem Erfolg Block habe ich den folgenden Code:

var checked = $("#wrapper_cra input[type='radio']:checked").attr('data-url'); 
       $.ajax({ 
        url: checked, 
        type: 'GET', 
        success: function (result) { 
         $("#scroll-grid").html(result); 
        } 

Die geprüfte Variable, die die Daten-URL des entsprechenden Radiobutton enthält, dann ist die $.ajax Funktion die URL ausgeführt wird, und ich bin wieder ein HTML-Teilansicht, mit der aktualisierte Information.