0

我正在使用新的 jQuery 并使用 HTML 来玩弄它。

我正在尝试If else基于按钮单击的事件。

如果用户单击一个按钮，我将创建一个复选框并在下面附加一个按钮。

如果用户再次单击按钮，我将删除按钮下方的复选框，如果他再次单击，我将追加...

我该如何实施？

我在按钮单击时尝试过的内容：

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

但它不起作用，因为它每次都会创建一个复选框。在 jQuery 中执行此操作的最佳方法是什么？

4

4 回答 4

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

试试这个

$(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 回答
0

只需更改您的代码如下：

$(document).on("click", "#button", function () {

    $("#CheckboxID").toggle();
});

您忘记关闭“ ) ”以及在 toggle() 函数中传递了错误的参数。

于 2013-05-23T11:09:27.797 回答
-1 
$("button").on('click',function(){
    $('#checkbox').toggle();
    if($('#checkbox').css("display") != "none"){
        $('#checkbox').hide();
    }
    else
    {
        $('#checkbox').show();
    }
});

这不是您正在寻找的东西，但它是一个不错的选择..

于 2013-05-23T11:25:15.487 回答