单击事件上的单选按钮需要两次单击答案

【问题标题】：Radio button on click event requires two clicks单击事件上的单选按钮需要两次单击
【发布时间】：2013-09-30 16:31:51
【问题描述】：

基本上我有两个单选按钮，它们位于一个表单中。当第一个单选按钮被选中时，会出现一个表单，使新用户能够在站点上注册。第二个是针对想要登录的已注册用户。

我已经包含了一些 jVal 表单验证。现在，如果我选中第二个单选按钮，并在密码字段中输入无效密码（未通过 jVal 验证的密码），则会出现错误消息。到目前为止的行为还可以。但是，如果我现在检查第一个单选按钮（新用户的单选按钮），错误消息将保留在那里。我试图通过向第一个单选按钮添加一个单击事件来覆盖这一点，一旦单击，该单选按钮应该隐藏上一个屏幕的错误消息。

radioButton.on('click', function(){
    errorDiv.popover('hide');
    console.log('click event registered');
});

问题是我需要点击两次单选按钮才能让点击事件注册...

有人对这个问题有所了解，为什么我必须单击两次单选按钮才能注册事件？

【问题讨论】：

你能发布相关的HTML
@Satpal 这只是三个输入，类型设置为收音机。 HTML 中没有 onclick 事件处理程序..

标签： javascript jquery

【解决方案1】：

此演示展示了一个实际的解决方案：DEMO

这是一个非常简单的 Jquery：

<body>
<form>
  <input type="radio" value="1" name="test" />Value1
  <br />
   <input type="radio" value="2" name="test" />Value2
  <br />
   <input type="radio" value="3" name="test" />Value3
  </form>
  <script>
    $(document).ready(function(){
      $("input[name='test']").click(function(){
        alert($(this).val());
      })
    })
  </script>
</body>

【讨论】：