Как добавить текст в форму div jQuery в asp.net?

Question

Как добавить CheckBox Имя в Div control когда Флажок Checked статус истинно через 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); 
    }); 
}); 

Если какая-либо одна помощь в этом, пожалуйста.

Answer 1

Установите свой контроль ClientIDMode="static", если вы хотите использовать идентификатор стороны сервера в javascript или использовать CliendID в javascript.

Использование ClientIDMode = "статический"

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

Никаких изменений в селектор JQuery для управления идентификатором

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

Использование ClientID

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

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

Answer 2

использовать это как селектор

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

ОБНОВЛЕНО

добавить ClientIDMode="static" в вашем HTML