函数cal()与无线电输入

时间:2014-01-23 16:05:06

标签: javascript input radio cal

我使用cal()创建了一个表单但是我无法使用无线电输入。 它与select和option一起工作,但现在没有采用它。

这里是代码

<script> 
function cal()
 { 
  var pl=document.form1.template.value; 
  var resultat=pl; 
  document.form1.tresultat.value=resultat; 
  document.formfin.tresultatfin.value = calfin(); 
  } 
</script> 

<form name="form1">
  <label for="Template">Option 1 : Template</label>
  <ul>
  <li id="template"><label for="logo+texte">Logo et texte</label> 
 <input type="radio" id="test" name="template" value="500" onclick="cal()"></li>
 <li><label for="base">Base</label> 
 <input type="radio" id="test" name="template" value="800" onclick="cal()"></li>
 <li><label for="perso">Sur-Mesure</label> 
 <input type="radio" id="test" name="template" value="2900" onclick="cal()"></li></ul>
  <input type="text" value="0" name="tresultat">
 </form>

选择时在文本输入中获取值的任何想法? 感谢

1 个答案:

答案 0 :(得分:0)

单选按钮很奇怪,因为有一个单独的元素列表而不是一个。最简单的方法是将元素本身作为参数传递:

function cal( button )
 { 
  var pl = button.value; 
  var resultat=pl; 
  document.form1.tresultat.value=resultat; 
  document.formfin.tresultatfin.value = calfin(); 
 }

然后更改单选按钮:

 <input type="radio" id="test" name="template" value="800" onclick="cal( this )"></li>

this传递给该函数。