0

私は新しいjQueryを使用しており、HTMLを使用して遊んでいます。

If elseボタンのクリックに基づいてイベントを試みています。

ユーザーがボタンをクリックすると、チェックボックスが作成され、下にボタンが追加されます。

ユーザーがボタンをもう一度クリックすると、ボタンの下のチェックボックスが削除され、もう一度クリックすると追加されます...

これを実装するにはどうすればよいですか？

ボタンクリックで試したこと：

$(document).on("click", "#button", function () {
    CreateCheckBox();
    $("#Test").toggle("hidden");
}

ただし、毎回チェックボックスが作成されるため、機能しません。jQueryでこれを行う最良の方法は何ですか?

4

4 に答える 4

1

これを試して

$(document).on('click', 'button', function () {
    if ($(this).hasClass('create')) {
        $('<div><input type="checkbox"><button>Delete</button></div>').appendTo('body');
        // for jsfiddle test purposes I am creating the checkbox using jQuery and a button to delete
        $(this).toggle(); // hides append button
    } else {
        $(this).parent().remove(); // removes the checkbox and delete button
        $('.create').toggle(); //shows append button
    }
});

http://jsfiddle.net/NAkLW/1/

于 2013-05-23T11:22:11.163 に答える
1

これは、Jsfiddle で確認できる実際の例です。お役に立てば幸いです。

http://jsfiddle.net/rnhjX/14/

$("#my-button").click(function() {
   if ( $('#checkbox-toggle').children().length > 0 ) {
        $('div#checkbox-toggle').empty();
   }else{
       $('div#checkbox-toggle').append('<input type="checkbox" name="checkbox-name"> hello')
   }
});
于 2013-05-23T11:21:54.673 に答える
-1 
$("button").on('click',function(){
    $('#checkbox').toggle();
    if($('#checkbox').css("display") != "none"){
        $('#checkbox').hide();
    }
    else
    {
        $('#checkbox').show();
    }
});

それはまさにあなたが探しているものではありませんが、良い代替手段です..

于 2013-05-23T11:25:15.487 に答える