Javascript 在检查条件后使用jQuery取消选中该框

我正在使用

.append

在单击按钮时附加一个新复选框。单击事件正在工作，但代码存在一些问题。此外，如果用户单击第11个复选框，我必须显示一条错误消息并取消选中该复选框。我如何使用jQuery来实现它？这是你的电话号码 . 以及守则：

HTML:

添加复选框

jQuery：

    $("#add").on("click", function () {
        alert("Click Successful");
        var Row = $('<div id="checkbox"> </div>');
        Row.append('<input type="checkbox" id="Bike">Check Me');
    });

$（“#添加”）。在（“单击”上，函数（）{
警报（“单击成功”）；
变量行=$（''）；
行。追加（'检查我'）；
});

对于第一部分，使用此代码来追加

var行=$（“#复选框”）-

而不是
$（''）-它创建新的DOM元素

$("#add").on("click", function () {
    alert("Click Successful");
    var Row = $('#checkbox');
    Row.append('<input type="checkbox" class="Bike">Check Me');
                   //                  ^ change ID to class to avoid duplicates
});

试试这个：

var Row = $('#checkbox'); // address the destination by id
Row.append('<input type="checkbox" class="Bike">Check Me'); // use class instead of id

var行=$（'#复选框'）；//通过id为目的地寻址
行。追加（'检查我'）；//使用类而不是id
您可以将此代码用于不同的ID，并对文本框的数量进行计数

    var count = 0;
$("#add").click(function(){
    var count = $('#checkbox input').length;
    if(count < 11) {
        $("#checkbox").append('<input type="checkbox" id="'+ (count+1) +'">Check Me');
        count++;
    }
});

var计数=0；
$（“#添加”）。单击（函数（）{
变量计数=$（'#复选框输入'）。长度；
如果（计数<11）{
$（“#复选框”）.append（'Check Me'）；
计数++；
}
});
这应该能帮到你

当你想使用一个类时，你应该这样称呼它

$('#id')

$('.class')

请不要使用整个html标记来引用元素。
var Row=$（“”）创建一个新的DOM元素。找不到现有元素。我可以添加无限数量的复选框。删除if语句但不删除计数++如何检查大于10的条件？已更新。检查完整的演示。使用
：gt（9）
$("#add").on("click", function () {
    alert("Click Successful");
    if ( $('#checkbox input[type="checkbox"]').length < 10 ) {
        $('#checkbox').append('<input type="checkbox" id="Bike">Check Me');
    }
});

$('#id')

$('.class')