How to append text to Div form jQuery in asp.net?

Question

How to add CheckBox Name to Div control when Check box Checked status true through Jquery

I've tried the below code. but not get the result.

ASP CODE:

<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 CODE:

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

If any one help in that please .

Adil · Accepted Answer · 2012-12-26 07:34:47Z

3

Set your control ClientIDMode="static" if you want to use server side id in javascript or use CliendID in javascript.

Using ClientIDMode="static"

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

No change in jQuery selector for control id

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

Using ClientID

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

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

edited Dec 26, 2012 at 7:34

answered Dec 26, 2012 at 6:57

Adil

148k25 gold badges217 silver badges207 bronze badges

Sign up to request clarification or add additional context in comments.

12 Comments

Radix Over a year ago

i am using script for seperate js file @Adil

Radix Over a year ago

it populates this error @Adil 'Microsoft JScript runtime error: Syntax error, unrecognized expression: #<%= chbIceCream.ClientID %>'

Adil Over a year ago

Yes it should give error I have updated my answer you need to use first option of ClientIDMode="static"

Radix Over a year ago

still i got same Error @Adil

Adil Over a year ago

With ClientIDMode you do not need #<%= chbIceCream.ClientID %>'

|

bipen · Accepted Answer · 2012-12-26 07:04:54Z

0

use this as selector

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

UPDATED

add ClientIDMode="static" in your html

edited Dec 26, 2012 at 7:04

answered Dec 26, 2012 at 6:58

bipen

36.6k9 gold badges51 silver badges62 bronze badges

1 Comment

Radix Over a year ago

it populates this error @bipen 'Microsoft JScript runtime error: Syntax error, unrecognized expression: #<%= chbIceCream.ClientID %>'

Collectives™ on Stack Overflow

How to append text to Div form jQuery in asp.net?

2 Answers 2

12 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

12 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related