2013-09-30 215 views
0

基本上我有兩個單選按鈕,它們坐在窗體中。當第一個單選按鈕被選中時,會出現一個表格,使新用戶可以在網站上註冊。第二個是爲已經註冊的用戶誰想要登錄。單擊事件上的單選按鈕需要點擊兩次

我已經包含了一些jVal表單驗證。現在,如果我檢查第二個單選按鈕,並在密碼字段中輸入了無效的密碼(未通過jVal驗證的內容),則會顯示錯誤消息。迄今爲止的行爲是可以的。但是,如果我現在檢查第一個單選按鈕(用於新用戶的按鈕),則錯誤消息將保留在那裏。我試圖通過向第一個單選按鈕添加一個單擊事件來覆蓋此選項,單擊此按鈕後應該隱藏前一個屏幕中的錯誤消息。

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

的問題是,我需要點擊單選按鈕兩次,以獲得點擊事件寄存器...

任何人有關於這個問題的線索,爲什麼我必須點擊單選按鈕兩次,以便事件可以註冊?

+3

您可以發佈有關HTML – Satpal

+0

@Satpal這只是三連類型設置爲無線輸入。 HTML中沒有onclick事件處理程序 – 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>