2013-10-06 25 views
-1

我有以下兩個div塊:jQuery的單選按鈕犯規註冊點擊

<div class="span9" id="lejer"> 
    <div class="span9" id="udejer"> 

注意,在我的HTML,他們有很多的東西在其中,但保持它總之我不會發表所有着想它。

在我的文檔的頂部,我有下列單選按鈕:

jQuery(document).ready(function(){ 

    $('#select_lejer').click(function(){ 
     $('#udlejer').hide(); 
     $('#lejer').toggle("slow", function() { 
     // Animation complete. 
     }); 
    }); 

    $('#select_udlejer').click(function(){ 
     $('#lejer').hide(); 
     $('#udlejer').toggle("slow", function() { 
      // Animation complete. 
     }); 
    }); 

}); 

當:

<div class="controls"> 
<label class="radio inline"> 
    <input id="optionsRadios1" type="radio" name="optionsRadios" value="option1" checked="" id="select_lejer"> 
    Jeg er lejer 
</label> 
    <label class="radio inline"> 
     <input id="optionsRadios1" type="radio" name="optionsRadios" value="option1" checked="" id="select_udlejer"> 
     <p style="padding-left:1em"> Jeg er udlejer</p> 
    </label> 

</div> 

我們我已經創建瞭如下的jQuery兩個div標籤的公開程度之間切換該頁面加載其中一個radio buttons被選中,其中一個div正確隱藏HOWEVER當我單擊單選按鈕時什麼也沒有發生。

誰能告訴我我做錯了什麼?

+3

根據上下文,*點擊*事件一般爲布ttons和鏈接 - 在輸入上使用['.change()'](http://api.jquery.com/change/) – Emissary

+1

您的快速按鈕有兩個ID。 – Musa

回答

3

ID必須是唯一的在HTML中,使用的是optionsRadios1的單選按鈕

您的代碼

<input id="optionsRadios1" type="radio" name="optionsRadios" value="option1" checked="" id="select_lejer"> 
<input id="optionsRadios1" type="radio" name="optionsRadios" value="option1" checked="" id="select_udlejer"> 

從上面的代碼刪除id="optionsRadios1"

而且你提供ID兩次無線電元件

  • id="optionsRadios1"id="select_lejer"
  • id="optionsRadios1"id="select_udlejer"

Additionaly,使用change事件,而不是click