2010-11-02 56 views
0

下面我有一个要求,我用JavaScript挣扎,帮助的javascript函数

在一个表中,我表现出不同的计划(医疗,牙科,视力,可以有多个计划..我的意思是医疗1,医疗2,牙科1,牙科2),并为每个计划我显示单选按钮来选择该计划或放弃该计划。根据他们的选择,我需要更新人们将支付的金额。因此,如果他们选择“免除”,金额将更新为零。如果他们选择“选择”选项,按照计划比率,他们的金额将被更新。有一次,他们只能选择一种计划。

Plan  Option         Amount 
Medical_1 RadioButton_Elect/RadioButton_Waive  $0.00 
Medical_2 RadioButton_Elect/RadioButton_Waive  $5.00 

我的问题是命名这些单选按钮,以便用户一次只能选择一个选项。我可以将它们命名为相同的,它们可以是互斥的,但是我的javascript函数更新金额不会正确更新值。

function updateAmount(){ 
    if(document.getElementById('waive0').checked == 'true'){ 
    document.planselect.planeecost0.value = 0; 
    } 
} 
+3

您的更新函数中有一个错误,但除非您共享代码,否则我们无法帮助您。 – mikerobi 2010-11-02 16:13:27

+0

我添加了你想看的代码。 – yogsma 2010-11-02 18:46:13

回答

1

单选按钮组由具有相同名称的单选按钮定义。显而易见的后果是你不能使用name属性来告诉他们。你需要使用别的东西。您的选项包括:

  • 阅读value标记。
  • 为每个按钮设置一个不同的id标签。
  • 通过它们在DOM树中的位置标识按钮。

如果不确定的话,你可以去为id方法,虽然value方法也是有效的选项。

+0

我喜欢你的建议,我会尝试。 – yogsma 2010-11-02 16:27:07

+0

我会肯定的。但我尝试使用你的建议写我的功能,但它不工作。基本上它不会更新价值。 – yogsma 2010-11-02 18:45:51