单选按钮JavaScript验证

Question

我有2个单选按钮A和B。B按钮也有一个文本字段。

默认情况下，下一个按钮是隐藏的，在以下情况下应显示

1. 如果用户单击按钮A
2. 用户单击按钮B并在文本字段中输入文本

我尝试这样：

的JavaScript

window.onload=function(){
   document.getElementById("next").style.display='none';
} 

function shownext(){
  var A = document.getElementById('A').value;
  var B = document.getElementById('B').value;
  var name = document.getElementById('name').value;
  if(A != "" || (B != "" && name != "")){
  document.getElementById("next").style.display='block';
     return false;
  }
  if(A == "" && B == "" && name == ""){
  document.getElementById("next").style.display='none';
     return false;
  }
}

的HTML

<input type="radio" name="A" id="A" value="A" onClick="shownext();"/>
<input type="radio" name="A" id="B" value="B" onClick="shownext();"/>
<input type="text" name="name" id="name" onKeyDown="shownext();" onKeyUp="shownext();"/>

<a href="#q2" id="next"><img src="next.png"/></a>

Answer 1

您的第一个if语句中有一个语法错误-您打开的括号比关闭的要多。

单选按钮始终具有一个value ，因此您不能仅通过检查该值来检查其状态。 您需要检查其checked属性。

你也不需要同时if S，一个else的第一if是比较合适的，因为你基本上只有两个可能的结果（显示“下一步”按钮，或隐藏）。

这是固定代码的工作演示 。