得到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()上面有多少，但你可以通过这种方式获得它的任何属性。