0

我的 html 页面中有许多复选框元素

<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. 我想要的是,每当动态检查其中任何一项时,都应将一个元素 input type='checkbox' 添加到 html 页面。
  2. 如果未选中,则删除添加的元素。
  3. 不应重复相同的元素。
4

2 回答 2

1

在点击事件上,检查复选框是否被选中。如果是,则添加一个复选框,如果未选中,则删除该复选框。使用与父级相关的 id 将它们链接在一起:

$(".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();
    }
});​

小提琴:http: //jsfiddle.net/nyZj6/6/

于 2012-10-25T10:17:28.897 回答
0

你可以这样做:

$( '.txtshow' ).change(function(){
    var id = $(this).attr( 'id' );
    if( $(this).is(':checked') ){
        $( '<p id="element_' + id + '"></p>' ).appendTo( $( 'body' ) ); 
    } else {
        $( '#element_' + id + ' ).remove(); 
    }
});  

在这种情况下,您使用该自定义 ID 创建 ap 元素。您可以根据需要更改该属性。

于 2012-10-25T10:17:21.623 回答