Question

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

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

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

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

任何人都知道这个问题，为什么我必须单击两次单选按钮才能注册该事件？

Answer 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>

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

1 个答案: