在jQuery中的Wordpress表單上更改單選按鈕標簽

Question

我有一個帶有單選按鈕輸入標簽和值的Wordpress表單，我需要根據另一個字段的輸入動態生成該標簽。

我無法控制表單的生成方式（無需深入研究插件，時間非常不利於我，因此我只需要一個快速解決方案）

WordPress的生成HTML如下

<input type="text" name="vfb-22" id="vfb-4-50-22" value="" class="vfb-text  vfb-medium number" />
<label for="vfb-4-50-22" class="vfb-desc">Number * 4.50:></label>     

<span>
  <input type="radio" name="vfb-28" id="vfb-and-then-28-1" value="4.50" class="vfb-radio inline" /> 
  <label for="vfb-and-then-28-1" class="vfb-choice">4.50</label>
</span>

如果有人在字段A（vfb-22）中輸入值。 我需要jQuery將輸入單選按鈕的值和標簽更改為A *當前值

我目前獲得了所有相關數字，並按如下所示正確更新了另一個字段（vfb-42）

$('#vfb-monthly-tickets-4-50-each-86').change(function() { 
  var number=$('input[name=vfb-86]').val();
  var multiplier=4.50;
  total=number*multiplier;
  $('input[name=vfb-42]').val(total);
})

我所缺少的只是更改單選按鈕（vfb-28）的值。 我遇到過幾次刺傷，但任何一個價值標簽都沒有成功。

感謝任何想法

Answer 1

如果HTML總是以這種方式構造的..您可以嘗試一下

$('.vfb-text').on('change' , function() {  // change event of textbox
  var $this = $(this);      // cache the selector

  var count = this.value ;  // textbox value
  var cost = $this.nextAll('span:first').find('.vfb-choice').text(); 
  // Label text value
  total=number * cost ;

  $this.next('vfb-desc').text(total);    // populate label
  $this.nextAll('span:first').find('.vfb-radio').val(total); 
  // new value of checkbox
});

Answer 2

誠然，這只是您自己方法的重構，但是您可以嘗試：

$('input[name=vfb-22]').change(function() { 
  var number=$('input[name=vfb-22]').val();
  var current = $('input[name=vfb-28]').val();

  total=number*current;

  $('input[name=vfb-22]').val(total);
  $('.vfb-choice').text(total);
});