如何在asp.net中将文本附加到Div表单jQuery？

Question

当通过Jquery复选框Checked状态为真时，如何将CheckBox名称添加到Div control

我试过下面的代码。但没有得到结果。

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

如果您想在 javascript 中使用服务器端 id 或在 javascript 中使用 CliendID，请设置您的控件 ClientIDMode="static"。

使用 ClientIDMode="static"

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

控件 id 的 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(){
  ....

更新

在您的 html 中添加 ClientIDMode="static"