Javascript 将值添加到单选按钮以输入价格

Question

我正在尝试在我正在处理的网页内创建一个 javascript block 。我从高中起就没有做过 JavaScript，它似乎也不想回到我身边:(

在这段代码中，我希望有 4 组单选按钮，每次选择一个选项时，价格将被输入到每个 radio 组的变量中。即

    var firstPrice = $25
    var secondPrice = $56
    var thirdPrice = $80
    var fourthPrice = $90

然后，在每个单选组都有一个选择后，提交按钮将附加一个功能，该功能将每个价格相加，以在隐藏字段内显示最终金额

    var totalPrice = (firstPrice + secondPrice + thirdPrice + fourthPrice)

我的问题是，如何将数字值附加到组内的单选按钮，每个组中名称相同但 id 不同。然后我是否只需创建一个将所有价格组相加的函数，然后将提交按钮设置为 onClick =totalPrice();以下是一组单选按钮的示例:

        <label>
          <input type="radio" name="model" value="radio" id="item_0" />
          item 1</label>
        <br />
        <label>
          <input type="radio" name="model" value="radio" id="item_1" />
          item2</label>
        <br />
        <label>
          <input type="radio" name="model" value="radio" id="item_2" />
          item3</label>
        <br />
        <label>
          <input type="radio" name="model" value="radio" id="item_3" />
          Item4</label>
        <br />
        <label>
          <input type="radio" name="model" value="radio" id="item_4" />
          item5</label>

          </form>

然后我的脚本看起来像:

    function finalPrice90{
var selectionFirst = document.modelGroup.value;
var selectionSecond = document.secondGroup.value;
var selectionThird = document.thirdGroup.value;
var selectionFourth = document.fourthGroup.Value;

var totalPrice = (selectionFirst + selectionSecond + selectionThird +         selectionFourth);
       }

Answer 1

试试这个 fiddle http://jsfiddle.net/tariqulazam/ZLQXB/