2013-09-30 2 views
0

В принципе у меня есть две радиокнопочки, которые сидят в форме. Когда установлен первый переключатель, появляется форма, которая позволяет новому пользователю регистрироваться на сайте. Второй - для уже зарегистрированных пользователей, которые хотят войти.Радиокнопка на событии клика требует двух щелчков

Я включил некоторые проверки формы jVal. Теперь, если я проверю второй переключатель и введите недопустимый пароль в поле пароля (что-то, что не передает проверку jVal), появится сообщение об ошибке. Поведение до сих пор в порядке. Однако, если я сейчас проверю первый переключатель (тот, который для новых пользователей), там появляется сообщение об ошибке. Я попытался переопределить это, добавив событие клика к первому переключателю, который должен скрыть сообщение об ошибке с предыдущего экрана после щелчка.

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

Проблема заключается в том, что мне нужно нажать на кнопку радио дважды, чтобы получить событие щелчка, чтобы зарегистрировать ...

Каждый получил подсказку по этому вопросу и почему я должен нажать кнопку дважды, чтобы событие можно было зарегистрировать?

+3

Вы можете разместить соответствующие HTML – Satpal

+0

@Satpal Это всего лишь три входа с набором типов, как радио. Нет обработчиков событий onclick в HTML. – speci

ответ

0

Этот пример показывает решение в действии: 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> 
Смежные вопросы