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

Question

如何通过Jquery在复选框Checked状态为true时向Div控件添加CheckBox名称

我已经尝试过以下代码。但没有得到结果。

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中使用服务器端id或在javascript中使用CliendID。

使用 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);
   })
});