Javascript 如何基于相同的单选按钮值进行不同的计算？

我是个新手。我根据这篇文章编写了一个代码：

我制作了两组单选按钮，分别为1-5（第一组）和100-500（第二组）。 我需要每个组中所选按钮的值，以便使用它们进行不同的计算并显示结果

这里我将第一组的值乘以2，然后将第二组的值相加。现在我想显示另一个计算的结果。例如：

var sum=parseInt(val1-3) + parseInt(val2*4)          

如何在单独的“单元格”中同时显示两个结果

标题1
第一台

第二台

第三台

第四台

第五台


标题2
第一台

第二台

第三台

第四台

第五台

价值$：

功能显示价格（价格）
{
var val1=0；
对于（i=0；i

只需为结果定义不同的输入字段即可

<p>
  <label for="valueTotal1">Value1$:</label>
  <input type="text" name="valueTotal1" id="valueTotal1"
  value="" size="2" readonly="readonly" />
</p>
<p>
  <label for="valueTotal2">Value2$:</label>
  <input type="text" name="valueTotal2" id="valueTotal2"
  value="" size="2" readonly="readonly" />
</p>
<p>
  <label for="valueTotal3">Value3$:</label>
  <input type="text" name="valueTotal3" id="valueTotal3"
  value="" size="2" readonly="readonly" />
</p>

我创作了两把小提琴：和

请注意另一件事：不要编写

parseInt（val1-3）

。在字符串转换为整数之前，不能减去3

编辑
如果希望具有默认值，可以在搜索选中单选按钮之前将其写入变量中。如果未找到选中的按钮，默认值将保持不变。另一个解决方案是检查变量是否仍然为空，并在搜索checked按钮后用默认值填充它

function DisplayPrice() {
  //Default values - solution I
  var val1 = 1;
  var val2 = 1;

  val1 = $('input[name=price]:radio:checked').val();
  val2 = $('input[name=price2]:radio:checked').val();

  //Default values - solution II
  if(val1 == null) {
    val1 = 1;
  }
  if(val2 == null) {
    val2 = 1;
  }

  if(val1 != null && val2 != null) {
    $('#valueTotal1').val(parseInt(val1) * 2 + parseInt(val2));
    $('#valueTotal2').val(parseInt(val1) * 3 + parseInt(val2));
    $('#valueTotal3').val(parseInt(val1) * 4 + parseInt(val2));
  }
}

---

谢谢。我完全是新手。现在我需要解决另一个问题。如果单选按钮在任一表单中未选中，则我希望该表单的值为1（例如，如果表单1中没有选中按钮，则我需要val1等于1）。我试过用很多方法来解决这个问题，但都找不到解决的办法。也许你应该花点时间学习一些基本知识。你试过什么？我试过用“如果……否则”和“已检查/未检查”以及一些简单的数学结合起来是的，你说得对。我必须学习它。我把答案贴到了我的回复上。再次感谢。已经有一个默认值：0，所以我想我们更改了它，它可以工作。我总是试图用困难的方式解决问题。

function DisplayPrice() {
  for (i = 0; i < document.form1.price.length; i++) {
    if (document.form1.price[i].checked == true) {
      val1 = document.form1.price[i].value;
    }
  }
  for (i = 0; i < document.form2.price2.length; i++) {
    if (document.form2.price2[i].checked == true) {
      val2 = document.form2.price2[i].value;
    }
  }

  if (val1 != null && val2 != null) {
    document.getElementById('valueTotal1').value = parseInt(val1) * 2 + parseInt(val2);
    document.getElementById('valueTotal2').value = parseInt(val1) * 3 + parseInt(val2);
    document.getElementById('valueTotal3').value = parseInt(val1) * 4 + parseInt(val2);
  }
}

function DisplayPrice() {
  var val1 = $('input[name=price]:radio:checked').val();
  var val2 = $('input[name=price2]:radio:checked').val();

  if(val1 != null && val2 != null) {
    $('#valueTotal1').val(parseInt(val1) * 2 + parseInt(val2));
    $('#valueTotal2').val(parseInt(val1) * 3 + parseInt(val2));
    $('#valueTotal3').val(parseInt(val1) * 4 + parseInt(val2));
  }
}

function DisplayPrice() {
  //Default values - solution I
  var val1 = 1;
  var val2 = 1;

  val1 = $('input[name=price]:radio:checked').val();
  val2 = $('input[name=price2]:radio:checked').val();

  //Default values - solution II
  if(val1 == null) {
    val1 = 1;
  }
  if(val2 == null) {
    val2 = 1;
  }

  if(val1 != null && val2 != null) {
    $('#valueTotal1').val(parseInt(val1) * 2 + parseInt(val2));
    $('#valueTotal2').val(parseInt(val1) * 3 + parseInt(val2));
    $('#valueTotal3').val(parseInt(val1) * 4 + parseInt(val2));
  }
}