Question

这可能是一个愚蠢的问题，但不确定如何去做。

我的代码工作正常

var values = [
  [20,25,35,40],
  [36,42,50,56],
  [42,56,52,68],
  [60,70,68,72]
];

function updateValue() {
   var ukValue = document.querySelector('input[name="uk_zone"]:checked').value;
   var frValue = document.querySelector('input[name="fr_zone"]:checked').value;

   if(ukValue && frValue) {
     alert(values[ukValue-1][frValue-1]);
   }
}

警报工作正常，但我希望它填充文本框而不是警告框。有人可以帮忙吗？

这是我的所有HTML

<form id="uk_zones" onChange="updateValue();">
<div><input type="radio" name="uk_zone" value="1">UK zone 1</div>
<div><input type="radio" name="uk_zone" value="2">UK zone 2</div>
<div><input type="radio" name="uk_zone" value="3">UK zone 3</div>
<div><input type="radio" name="uk_zone" value="4">UK zone 4</div>
</form>

<br />


<form id="fr_zones" onChange="updateValue();">
    <div><input type="radio" name="fr_zone" value="1">France zone 1</div>
    <div><input type="radio" name="fr_zone" value="2">France zone 2</div>
    <div><input type="radio" name="fr_zone" value="3">France zone 3</div>
    <div><input type="radio" name="fr_zone" value="4">France zone 4</div>
</form>

<input type="text" id="text1" style="visibility:hidden" />

提前致谢： - ）

Answer 1

你已经发臭了，就像你读出你可以设置的数据一样（有价值）。 PS，这是在jQuery上标记的，但是你没有使用jQuery ......还有一些其他问题的疯狂复制。

function updateValue() {
   var ukValue = document.querySelector('input[name="uk_zone"]:checked').value;
   var frValue = document.querySelector('input[name="fr_zone"]:checked').value;

   if(ukValue && frValue) {
     document.getElementById('text1').value = [ukValue-1][frValue-1];
   }
}

在JavaScript中输出变量的值

1 个答案: