Question

如果通过Jquery

复选框CheckBox状态为true，如何将Div control名称添加到Checked

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

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"

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

2 个答案: