jQuery based checkbox not working

Question

$(document).ready(function() {
    var dataString="hy";
    var htmlnew="<input type='checkbox' name='formDoor' value='A' class='list' enable='true'>Check 1";

    alert(htmlnew);

    $(".list").change(function()
    {
        $("#regTitle").append(htmlnew);
    });
 });

The above is which i used when each time i check the checkbox with class list. i get a new one in #regTitle div, but the problem i am facing is the newly generated check boxes are not able to checked,can you guys tell me whats the problem?

Nicola Peluchetti · Accepted Answer · 2012-03-15 16:53:24Z

1

You should delegate event handling with on() so that everything works also on newly added elements (jQuery > 1.7);

$("body").on("change", ".list", function()
{
$("#regTitle").append(htmlnew);
 });

if you use an older version of jQuery use delegate or live

$(document).delegate(".list","change", function()
{
$("#regTitle").append(htmlnew);
 });

$(".list").live("change", function()
{
    $("#regTitle").append(htmlnew);
});

edited Mar 15, 2012 at 16:53

answered Mar 15, 2012 at 16:39

Nicola Peluchetti

76.9k32 gold badges150 silver badges197 bronze badges

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

8 Comments

Alex Mathew Over a year ago

it saying $("body").on is not a function

Nicola Peluchetti Over a year ago

@AlexMathew then you have an older version of jQuery, use live or delegate()

Alex Mathew Over a year ago

but still nothing change, look the .delegate and .on is not working but live work

Nicola Peluchetti Over a year ago

@AlexMathew that's strange because live is a shorthand version of delegate(), anyhow if it works, ok

Alex Mathew Over a year ago

but nicola, still i dont get the output as i desire, what i mean by live got worked is, its not shown any error

|

Starx · Accepted Answer · 2012-03-15 16:41:56Z

0

Your checkbox's change event does not attach to the dynamically generated elements. You will have to delegate the bind. Using .on() is very good for this purpose.

$("body").on("change", ".list",function() {
    $("#regTitle").append(htmlnew);
});

answered Mar 15, 2012 at 16:41

Starx

79.3k50 gold badges187 silver badges266 bronze badges

Collectives™ on Stack Overflow

jQuery based checkbox not working

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related