单选按钮javascript验证

Radio button javascript validation

本文关键字：验证 javascript 单选按钮      更新时间：2023-09-26

我有两个单选按钮A &B. B按钮也有一个文本字段。

默认情况下，next按钮是隐藏的，它应该在以下情况下出现

  1. 如果用户点击按钮A
  2. 用户点击按钮B，在文本域中输入文本

我试试这个:

<标题> JavaScript h1> 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>

你的第一个if语句有语法错误——你打开的括号比关闭的括号多。

你的单选按钮总是有一个value，所以你不能通过检查值来检查他们的状态。你需要检查他们的checked属性。

你也不需要两个if s，一个else到第一个if会更合适，因为你基本上只有两种可能的结果(显示"下一步"按钮或隐藏它)。

相关文章：