2012-12-26 68 views
1

如何添加CheckBox名稱Div control時複選框Checked地位真正通過jQuery的如何在asp.net中追加div格式的jQuery文本?

我試過下面的代碼。但沒有得到結果。

ASP代碼:

<div align="center" id="chkBoxes"> 
    <asp:CheckBox ID="chbIceCream" Text ="Ice Cream" runat="server" /> 
    <asp:CheckBox ID="chbCake" Text ="Cake" runat="server" /> 
    <asp:CheckBox ID="chbChocolet" Text ="Cho colet" runat="server" /> 
</div> 

<div id="ContentDiv"> 


</div> 

jQuery代碼:

$(document).ready(function() { 
    $('#chbIceCream').click(function() { 
     debugger; 
     var Text = $('#chbIceCream').text(); 
     if ($(this).attr('checked')) 
      $('#ContentDiv').append(Text); 
    }); 
}); 

如果任何一個幫助,請。

回答

3

設置您的控件ClientIDMode="static"如果您想在javascript中使用服務器端標識或在javascript中使用CliendID。

使用的ClientIDMode = 「靜態」

<asp:CheckBox ID="chbIceCream" Text ="Ice Cream" runat="server" ClientIDMode="static" /> 

在jQuery選擇不改變控制ID

$(document).ready(function() { 
    $('#chbIceCream').click(function() { 
     debugger; 
     var Text = $('#chbIceCream').text(); 
     if ($(this).attr('checked')) 
      $('#ContentDiv').append(Text); 
    }); 
}); 

使用客戶端ID

$(document).ready(function() { 
    $('#<%= chbIceCream.ClientID %>').click(function() { 
    debugger; 
    var Text = $('#chbIceCream').text(); 
    if ($(this).attr('checked')) 

     $('#ContentDiv').append(Text); 
    }) 
}); 
+0

我使用腳本單獨js文件@Adil – Radix

+0

它填充這個錯誤@Adil「微軟JScript運行時錯誤:語法錯誤,無法識別的表達式:#<%= chbIceCream.ClientID%>' – Radix

+0

是的,它應該給錯誤我已經更新了我的答案,您需要使用ClientIDMode =「static」的第一個選項 – Adil

0

以此作爲選擇

$('#<%= chbIceCream.ClientID %>').click(function(){ 
    .... 

修訂

在你的HTML添加ClientIDMode="static"

+0

它填充此錯誤@bipen'Microsoft JScript運行時錯誤:語法錯誤,無法識別的表達式:#<%= chbIceCream.ClientID%>' – Radix