안녕하세요, 질문이 있어서 글을 씁니다.
아래와 같이 체크박스를 해제하면 체크박스 아래 텍스트박스를 비활성화 시키고 싶은데 어떻게 해야 하는지 궁금해서 이렇게 글을 씁니다. for문을 돌려서 체크박스가 늘어나도 각각 제어하고 싶은데 잘 안되네요.. jquery는 아예 초보라서 이렇게 질문 올립니다.
{% for other in others %}
<form>
<div class="form-group" >
<label for="name"><b>name</b></label>
<input type="text" value={{other}} class="form-control" id="message" name="message">
</div>
<div class="checkbox">
<label for="test">
<input type="checkbox" id="checkbox" name="checkbox" checked>test
<input type="text" class="form-control" id="text" name="text">
</label>
</div>
<button type="submit" button class="btn btn-primary">Create</button>
</form>
<script>
$("form").submit(function () {
var this_master = $(this);
this_master.find('input[id="checkbox"]').change( function () {
var checkbox_this = $(this);
if( checkbox_this.is(":checked") == true ) {
$('input[id="text"]').attr("disabled", false);
} else {
checkbox_this.prop('checked',true);
$('input[id="text"]').attr("disabled", true);
}
})
</script>