添加和删除一个输入框

Question

我试图添加和删除一个输入框，当一个框被勾选。 但是，我似乎有几个问题。 Im不确定的一个细节是我如何将$ this（div）与其他属性链接起来。

HTML：

<form> 
    Lifetime Secs <input id="sec" type="checkbox" name="sec" value="sec" /> <br /> 
    Lifetime KBytes <input id="kb" type="checkbox" name="kb" value="kb" /> 
</form> 

的JavaScript：

$("#input1, #input2").click(function() { 
    if ($("this:checked").length) { 
     $(this).after('<input type="text" name="input" id="inputbox" />'); 
    } else { 
     $('this input').remove(); 
    } 
}); 

的jsfiddle：http://jsfiddle.net/felix001/eA32C/22/

感谢，

Answer 1

情侣修复的问题..见下文，完成这

$(function() { 
    $('input:checkbox').change(function() {   
     if ($(this).is(':checked')) { 
      $(this).after('<input type="text" name="input" id="inputbox" />'); 
     } else { 
      $(this).next('input').remove(); 
     } 
    }); 
}); 

DEMO

Answer 2

$(function() { 
    $('input:checkbox').on('change', function() { 
    if (this.checked) { 
     $(this).after('<input type="text" name="input" id="inputbox" />'); 
    } else { 
     $(this).next('input').remove(); 
    } 
    }); 
}); 

Answer 3

$("#sec,#kb").click(function() { 
    $this = $(this); 

if ($this.attr('checked')) { 

    $this.after('<input type="text" name="input" id="inputbox" />'); 

} else { 

    $('#inputbox').remove(); 

} 
}); 

http://jsfiddle.net/eA32C/39/

Answer 4

一种方法可以在这里找到：http://jsfiddle.net/eA32C/40/。