Question

我查了几个例子但无济于事，我需要有人帮我格式化下面代码的javascript函数。我只想选择一个无线电选项，然后将该值乘以1.06，然后显示结果。

<form name="price">
<p><input type="radio" name=arrangement_size value="50" style="height: 30px; width: 30px" checked="checked">option 1</p>
<p><input type="radio" name=arrangement_size value="75" style="height: 30px; width: 30px">option 2</p>
<p><input type="radio" name=arrangement_size value="125" style="height: 30px; width: 30px">option 3</p>
</form>

<input type="text" name="totalSum" id="totalSum" value="" size="2" readonly="readonly">

Answer 1

尝试，

$('#totalsum').val($('#price input[name="arrangement_size"]:checked').val() * 1.06);

Answer 2

普通JS：

Live Demo

window.onload=function() {
  var rads = document.getElementsByName("arrangement_size");
  for (var i=0;i<rads.length;i++) {
    rads[i].onclick=function() {
      document.getElementsByName("totalSum")[0].value=(this.value*1.06).toFixed(2);
    }
    if (rads[i].checked) rads[i].click(); // set the initial value
  }
}

的jQuery

Live Demo

$(function() {
  $('input[name="arrangement_size"]').on("click",function() {
    $("#totalSum").val((this.value*1.06).toFixed(2));
  });
  $('input[name="arrangement_size"]:checked').click();
});

Answer 3

试试这个：

parseInt($('input[type=radio]:checked').val())*1.06

乘以单选按钮值并显示结果

3 个答案: