Question

I have number of checkbox elements are there in my html page

<input type='checkbox' class='txtshow'checked="checked\" id='someid1' name='checkMr[]' value='some value' >
<input type='checkbox' class='txtshow'checked="checked\" id='someid2' name='checkMr[]' value='some value' >
<input type='checkbox' class='txtshow'checked="checked\" id='someid3' name='checkMr[]' value='some value' >

1. what i want is whenever any of this is checked dynamically one element input type=’checkbox’ should be added to html page.
2. if unchecked then remove the element which was added.
3. same element should no be repeated.

Answer 1

On the click event, check if the checkbox is checked. If it is, then add a checkbox, if it is not checked, then remove the checkbox. Use an id related to the parent to link them together:

$(".txtshow").click(function() {
    if ($(this).is(":checked")) {
        newCheck = $("<input type=checkbox id='" + $(this).attr("id") + "-child' />")
        $("body").append(newCheck);
    }
    else {
        $("#" + $(this).attr("id") + "-child").remove();
    }
});​

Fiddle:
http://jsfiddle.net/nyZj6/6/