javascript - 使用表单输入更改单选值

Question

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

基本上默认情况下我希望它为“否”，但如果触发参数，则将单选按钮更改为"is"

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，以上代码将"is"单选按钮设置为选中，否则将“否”单选按钮设置为 true。

https://jsfiddle.net/91oz4nfL/