得到DIV數據阿賈克斯查詢

Question

我不是很熟悉ajax和javascript，但我需要一些幫助，所以我會嘗試儘可能清楚我可以解釋！

我有此JavaScript以下按鈕：

$('#button-confirm').on('click', function() { 
$.ajax({ 
    type: 'get', 
    url: 'index.php?route=payment/leasing_plans/confirm', 
    cache: false, 
data:{ 
    egn:$('#input-payment-egn').val(), 
    months: $('input[name=months]:checked').val() 
}, 
    beforeSend: function() { 
     $('#button-confirm').button('loading'); 
    }, 
    complete: function() { 
     $('#button-confirm').button('reset'); 
    }, 
    success: function() { 
     location = '<?php echo $continue; ?>'; 
    } 
}); 

我有以下單選按鈕：

<td><div class="radio"> 
         <label><input type="radio" name="months" value="tbi3" />3 месеца x </label> 
        </div></td> 
        <td><div class="radio"> 
         <label><input type="radio" name="months" value="uni3" />3 месеца x </label> 
        </div></td> 
       </tr> 
       <tr> 
        <td><div class="radio"> 
         <label><input type="radio" name="months" value="tbi6" />6 месеца x </label> 
        </div></td> 
        <td><div class="radio"> 
         <label><input type="radio" name="months" value="uni6" />6 месеца x </label> 
        </div></td> 
       </tr> 
       <tr> 
        <td><div class="radio"> 
         <label><input type="radio" name="months" value="tbi9" />9 месеца x </label> 
        </div></td> 
        <td><div class="radio"> 
         <label><input type="radio" name="months" value="uni9" />9 месеца x </label> 
        </div></td> 
       </tr> 

我還與像單選按鈕值的相同id`s以下的div ：

<div id="tbi3" class="leasecond"> 
    <input type="text" style="border: none;" readonly />Разсрочено плащане с TBI, вноски 3 30.36% <br> 
    <p>Прочетох</p> 
</div> 
<div id="uni3" class="leasecond"> 
    <input type="text" style="border: none;" readonly />Разсрочено плащане с UNI Credit, вноски 3 30.36% <br> 
    <p>Правилата</p> 
</div> 

<div id="tbi6" class="leasecond"> 
    <input type="text" style="border: none;" readonly />Разсрочено плащане с TBI, вноски 6 34.49% <br> 
    <p>Прочетох и</p> 
</div> 
<div id="uni6" class="leasecond"> 
    <input type="text" style="border: none;" readonly /> Разсрочено плащане с UNI Credit, вноски 6 x 34.49% <br> 
    <p>Правилата за ползване</p> 
</div> 

但問題是，即時只獲取所選的的值，我想在div的信息是相同的id作爲選擇的radio button名。 謝謝大家，我會更新我的問題，如果我不明白！

Answer 1

我做了2個變化。您在幾個月內發送的數據僅獲取複選框的值，該複選框是保存數據的div的ID。所以我做了一個變量來保存id，然後在數據部分使用jquery獲取帶有該id的div，然後抓取div內輸入的文本。

$('#button-confirm').on('click', function() { 
    //add this line: 
    var cbval = $('input[name=months]:checked').val(); 
    $.ajax({ 
    type: 'post', 
    url: 'index.php?route=payment/leasing_plans/confirm', 
    cache: false, 
    data: { 
     egn: $('#input-payment-egn').val(), 
     //change this line to: 
     months: $('#' + cbval).text() 
    }, 
    beforeSend: function() { 
     $('#button-confirm').button('loading'); 
    }, 
    complete: function() { 
     $('#button-confirm').button('reset'); 
    }, 
    success: function() { 
     location = '<?php echo $continue; ?>'; 
    } 
}); 

Answer 2

一個很簡單的解決辦法是保持所選電臺的價值在一個變量發佈（該$.ajax命令之前）：

var selectedReadio = $('input[name=months]:checked').val(); 

然後你就可以使用該值具有相同ID的獲取股利文本：

var divCorresponding = $('#' + selectedReadio).text(); 

在你提到獲得相應的DIV的「信息」，這是我的理解，它的文字你的問題，所以我在EXA使用.text()上面有多少，但你可以通過這種方式獲得它的任何屬性。