Input type text fields are repeating after unchecking the checkbox

I have check boxes called as Firstname, Lastname and Email. I have to display the input type after clicking on the check box or if unchecked then remove the check box.

Also, I am trying to get the label of check box which is selected but I am not getting it.

Would you help me in this?

<input type="checkbox" name="check-fields"  class="add_text_type" id="get_first_name"><label for="get_first_name">First Name</label>
<input type="checkbox" name="check-fields"  class="add_text_type" id="get_last_name"><label for="get_last_name">Last Name</label>
<input type="checkbox" name="check-fields"  class="add_email_type" id="get_email"><label for="get_email">Email</label>




$(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('<div><label class='+ get_label+ '></label><input type="text" name="input[]"></div>');
        }
         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('<div><input type="email" name="input[]"></div>');
        }
         else
            {
              //what login I have to use here when unchecked check box
            }
    });
});