jqueryによってチェックボックスの状態に基づいて入力ボックスを表示します。

Question

チェックボックスのステータスに基づいて入力ボックスを非表示にして表示します。私の場合は、両方ともjqueryによって次のように追加されます：

$container.append('<li><label><input type="checkbox" style="float:left"</label> 
<input type="text" name="couple_answers['+index+']" id="couple_answers_'+index+'" maxlength="500" class="input-item form-control text-field"></li>'); 

私には可能性を教えてください。答え@Ghanshyam有用

Answer 1

$(function(){ 
 
    $('#chk').on('change',function(){ 
 
     if(this.checked) { 
 
      $('#res').html("<input id='inp' type='text' />"); 
 
     }else{ 
 
      $('#inp').hide(); 
 
     } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <input type="checkbox" id="chk" checked/> Click Here  
 
    <br/><br/> 
 
    <div id="res"></div> 
 
</form>