Javascript处理多个复选框

Question

我正在制作一个带有提交表单的网页，您可以在其中提交多个时间段。在每个时期，您可以在单击复选框时添加额外的 cmets。这适用于 1 个时期，但是当我在 jQuery 中使用 .clone() 添加更多时期时，它会改变所有复选框。

我应该如何解决这个问题？

Answer 1

您在 javascript 代码中存在一些错误。 首先，您必须仅显示/隐藏该部分的文本框。为此，您可以使用 jQuery 的 closest() 和 find() 方法。 其次，在检查选中的属性时，最好使用 jQuery 的 $(this) ，因为 javascript 的 this 在那里有所不同。 最后，在克隆元素时，如果你也想克隆元素的动作，你应该使用true参数。

工作代码是：

$( document ).ready(function() {
    $("#tijdstiptoevoegen").on( "click", function(e){
        e.preventDefault();
          $( ".tijdstip" ).clone(true).appendTo( ".tijdstippen" );
    });

    $(".chkUitleg").on("change",function() {
        if($(this).is(":checked")) {
        $(this).closest(".tijdstip").find(".verdere_uitleg").show();
    }
    else
    {
        $(this).closest(".tijdstip").find(".verdere_uitleg").hide();
    }
});
  });