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>'); 

제발 나에게 제안 해주세요.

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> 
 

 

대답 @Ghanshyam Bhava에 대한