使用表单输入更改无线电值

Question

我正在尝试更改带有表单输入的单选按钮的值：https://jsfiddle.net/91oz4nfL/

基本上默认情况下，我希望它是 NO，但如果参数被触发，则将单选按钮更改为 YES

function calculateBMI() {
  var weight = document.getElementById('input1').value;
  var height = document.getElementById('input2').value / 100;
  var output = document.getElementById('output');
  var bmi = ((weight) / (height * height));
  var result = ""
  if (bmi > 22) {
    result = "Change question radio to yes!";
  }
  bmi = bmi.toFixed(2);
  if (bmi && bmi != Number.POSITIVE_INFINITY) {
    output.innerHTML = result;
    output.style.display = 'block';
  } else {
    result.innerHTML = '';
    output.style.display = 'none';
  }
}
document.getElementById('input1').addEventListener('keyup', calculateBMI);
document.getElementById('input2').addEventListener('keyup', calculateBMI);

Answer 1

你只需要在你的if语句中添加几行，就像这样

if (bmi > 22) {
    document.getElementById("Radio9").checked = true;
    result = "Change question radio to yes!";
} else {
    document.getElementById("Radio10").checked = true;
}

如果true单选按钮，则表示已选中该按钮。上面的代码将"是"单选按钮设置为检查bmi是否大于 22，否则将"否"单选按钮设置为 true。

https://jsfiddle.net/91oz4nfL/

Answer 2

试试这个：

  var radioYes = document.getElementById('Radio9');
  var radioNo = document.getElementById('Radio10');
  var weight = document.getElementById('input1').value;
  var height = document.getElementById('input2').value / 100;
  var output = document.getElementById('output');
  var bmi = ((weight) / (height * height));
  var result = ""
  debugger
  if (bmi > 22) {
    result = "Change question radio to yes!";
    radioYes.checked = true;
  }else{
    radioNo.checked = false;
  }

https://jsfiddle.net/n820pz3e/1/