Javascript:两个无线电无线电检查

Question

我有一个简短的表格，第一个问题有两个问题和两个单选按钮(答案是和否(。我编写了这个 JS 代码，如果有人在第一个问题上选中"否"，则禁用第二个问题的答案。此代码有效。但是，如果我改变主意并在第一个问题上仍然选中"是"，则第二个问题的选项仍然被禁用。

我想了解一种情况，如果有人决定改变主意并在最初单击"否"后单击"是"，则可以回答第二个问题。

云，请您帮助我想出解决此问题的方法吗？

var input = document.getElementById("jump-question"); 
function myFunction() {
if (input.checked == true){
alert("working")
document.getElementById("question-disable").setAttribute("disabled", true);
}
  }

Answer 1

使用普通的js，你必须编写一些样板文件才能让它工作。下面的代码片段对您有帮助吗？

function updateSecondQuestion() {
  var radios = document.radioForm.secondQuestion;
  for (var i = 0; i < radios.length; i++) {
    radios[i].disabled = document.radioForm.firstQuestion["value"] == "no";
  }
}

<form name="radioForm">
  <div>
    <p>First question?</p>
    Yes<input type="radio" onchange="updateSecondQuestion()" name="firstQuestion" value="yes" /> 
    No <input type="radio" onchange="updateSecondQuestion()" name="firstQuestion" value="no" />
  </div>
  <div>
    <p>Second question?</p>
    Yes <input type="radio" name="secondQuestion" value="yes" /> 
    No <input type="radio" name="secondQuestion" value="no" />
  </div>
</form>