基於單選按鈕的Jquery功能是選擇

Question

在成功運行另一個功能后，我想根據當前的單選按鈕選擇調用特定單選按鈕的data-url。

這是我的單選按鈕組：

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

期待從這個成功塊運行： 編輯我在成功塊中添加了一些javascript。 但是，.val（）函數僅返回所選單選按鈕的id，並在嘗試$ .ajax調用時拋出錯誤。

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

我已經解決了上述問題。 在我的成功塊中，我添加了以下代碼：

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

checked變量包含相應單選按鈕的data-url，然后$.ajax函數運行url，我將返回一個帶有更新信息的html局部視圖。