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>

Javascript：两次无线电广播检查

1 个答案: