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. 私が欲しいのは、これのいずれかが動的にチェックされるたびに、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 に答える