取消选中复选框后，输入类型文本字段将重复

我有一个名为Firstname，Lastname和Email的复选框。 我必须在单击复选框后显示输入类型，或者如果未选中，则删除复选框。

此外，我试图获得选中的复选框的标签，但我没有得到它。

你能帮帮我吗？

$(document).ready(function() { $(".add_text_type").click(function() { if ($('.add_text_type').is(":checked")) { var get_label = $('label[for="' + +$(this).attr('id') + '"]').text(); $("#items").append('
'); } else { //what login I have to use here when unchecked check box } }); }); $(document).ready(function() { $(".add_email_type").click(function() { if ($('.add_email_type').is(":checked")) { $("#items").append('
'); } else { //what login I have to use here when unchecked check box } }); }); 

   First Name  Last Name  Email 

Answer 1

最简单的方法是给div元素添加复选框的id作为class ，以便在需要删除它们时可以轻松识别它们。

您还可以通过在复选框中提供要添加为data属性的input type来干掉代码，该复选框可以在change事件处理程序中读取，如下所示：

 $(function() { $(".add_input").change(function() { if (this.checked) { $("#items").append('
'); } else { $('#items').find('.' + this.id).remove(); } }); }); 

   First Name  Last Name  Email