javascript - ajax查询中从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 的 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 作为所选单选按钮 的名称。谢谢大家，如果我不明白，我会更新我的问题!

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; ?>';
    }
});