jquery를 사용하여 확인란을 선택하면 새 div 태그를 추가하는 방법

Question

확인란을 선택하면 옆에이라는 새 div 태그를 추가하고 두 개의 확인란을 선택하면 두 div 태그가 표시되어야합니다. 도움이 만들이 새로운 사업부를 추가 할 wan't 경우 내가 먼저 당신이 당신의 체크 박스에 대한 ID의 설정이 있는지 확인 옆의 체크 박스를 '레이블 JQuery와

Answer 1

$(':checkbox').click(function() { 
    if ($(this).attr('checked')) { 
     // create new div 
     var newDiv = $('<div>contents</div>'); 

     // you can insert element like this: 
     newDiv.insertAfter($(this)); 

     // or like that (choose syntax that you prefer): 
     $(this).after(newDiv); 
    } else { 
     // this will remove div next to current element if it's present 
     $(this).next().filter('div').remove(); 
    } 
}); 

를 사용하여이 모듈을 해결하고 속성이 사용하시기 바랍니다

<label for="myCb1">test</label> 
<input type="checkbox" id="myCb1" value="1" /> 

지금 당신이 조금 이상 JS 코드를 수정할 수 있으며 완료 : 라벨에 체크 박스와 라벨을 연결하는 하시다면 업데이트에 대한

$(':checkbox').click(function() { 
    // current checkbox id 
    var id = $(this).attr('id'); 

    // checkbox' label 
    var label = $('label[for=' + id + ']'); 

    if ($(this).attr('checked')) { 
     // create new div 
     var newDiv = $('<div>contents</div>'); 

     // insert div element 
     newDiv.insertAfter(label); 
    } else { 
     // this will remove div next to current element if it's present 
     label.next().filter('div').remove(); 
    } 
});