2014-03-18 69 views
0

我有一個收音機列表,其中根據保存的數據獲取其中一個單選按鈕的負載情況。屏幕上顯示的內容取決於收音機列表中的選定值。我已將一個onclick處理程序附加到列表項中,以根據所選內容顯示正確的屏幕。我的問題是運行此功能或類似的東西在頁面加載。需要從radiolist獲得價值,並在頁面加載時運行javascript功能

我使用了onclick處理程序,因爲ASP.Net在頁面加載時唯一地創建了ID名稱。

下面是我的javascript函數:

function toggleType(item) 
    { 
     if(item == "Individual") 
     { 
      $("#individual_info").show(); 
      $("#business_info").hide(); 
     } 
     else 
     { 
      $("#business_info").show(); 
      $("#individual_info").hide(); 

     } 
    }; 

我需要這個功能同時運行時加載頁面時的數據加載並在電臺列表值的變化。

如果未在數據庫中爲單選按鈕進行選擇,則隱藏兩個選項。該代碼是在document.ready函數中設置的。

編輯:添加ASP.Net標籤

<asp:RadioButtonList ID="fldType" CellPadding="3" runat="server" RepeatDirection="Horizontal"> 
    <asp:ListItem Text="Individual" onclick="javascript:toggleType('Individual')"></asp:ListItem> 
    <asp:ListItem Text="Business" onclick="javascript:toggleType('Business')"></asp:ListItem> 
</asp:RadioButtonList> 
+0

你能告訴我們你的HTML嗎? – deweyredman

+0

@deweyredman,這個ASP.NET代碼原來是Web頁面的HTML。他正在使用ASP.NET Web窗體。 –

+0

那是正確的。此代碼包含在ascx控件中。它所呈現的頁面也包含一個母版頁。因此,ID變得非常漫長和不可預測。我知道ID字符串的一部分,但它包含在完整的生成ID中。如果我能夠確定身份證,我只需使用身份證直接致電該物品。我一直在尋找一個jQuery解決方案,但還沒有發現任何使用。 –

回答

0

我想通了。我向radiolist添加了CssClass屬性並更新了我的功能。由於我在每個項目的末尾都有一個列表索引,因此我可以確定在任何給定時間檢查的內容。

<asp:RadioButtonList ID="fldType" CellPadding="3" runat="server" RepeatDirection="0"> 
<asp:ListItem Text="Individual" onclick="javascript:toggleType('0')"></asp:ListItem> 
<asp:ListItem Text="Business" onclick="javascript:toggleType('1')"></asp:ListItem> 

Javascript函數:

function toggleType(item) 
{ 
    if(item == "0") 
    { 
     $("#individual_info").show(); 
     $("#business_info").hide(); 
    } 
    else 
    { 
     $("#business_info").show(); 
     $("#individual_info").hide(); 

    } 
}; 

的Javascript/jQuery的文檔準備函數來處理上的負載切換。

$(document).ready(function() { 
    $(".toggleEntityType input").each(function() 
    { 
     if(this.checked) 
     { 
      var splitId = this.id.split("_"); 
      var id = splitId[splitId.length - 1]; 

      toggleType(id); 
     } 
    }) 
}); 

我不得不確保我指定了輸入元素,因爲ASP.Net將該類放在包圍輸入節點的span元素上。

相關問題