Warning: Undefined array key "mobile_dir" in /home/kagla/new-sir/old/common.php on line 315
체크박스의 체크목록을 옆에 버튼을 삽입하여, 해당 체크 해제하기

체크박스의 체크목록을 옆에 버튼을 삽입하여, 해당 체크 해제하기

체크박스의 체크목록을 옆에 버튼을 삽입하여, 해당 체크 해제하기

QA

체크박스의 체크목록을 옆에 버튼을 삽입하여, 해당 체크 해제하기

답변 2

본문



<tr>
<td class="program_list swdeveloper" style="display:none;">
                <label class="program able"><span></span><input type="checkbox" name="wr_8[]" value="선택1"> 선택1 </label>
                <label class="program able"><span></span><input type="checkbox" name="wr_8[]" value="선택2"> 선택2 </label>
                <label class="program able"><span></span><input type="checkbox" name="wr_8[]" value="선택3"> 선택3 </label>
                <label class="program able"><span></span><input type="checkbox" name="wr_8[]" value="선택4"> 선택4 </label>
                <script>
                    var str_wr_8 = "<?=@$write['wr_8']?>";
                    $("input:checkbox[name='wr_8[]']").each(function(index){
                        if(str_wr_8.indexOf($(this).val()) > -1){
                            $(this).attr("checked", true);
                        }
                    });
                </script>
            </td>
</tr>
 
<tr>
                <th scope="row">선택한 체크박스</th>
                <td class="">
                    <p class="val1"></p>
                    
                </td>
        </tr>
        
        <script>
  $("label.program input").on('change', function(){                        
    var arr = [];  
    $("label.program input:checked").each(function() {  
        arr.push($(this).val());
    });  
    $(".val1").html(("<input type='text' name='wr_5[]' value='<?=@$write[wr_5]?>' class='frm_input' placeholder='진행차시 / 인원 수' style='width: 200px;'>") + arr.join("<br><br><input type='text' name='wr_5[]' value='<?=@$write[wr_5]?>' class='frm_input' placeholder='진행 / 인원 수' style='width: 200px;'>"));                                       
  });
</script> 

 

이렇게 체크박스에 체크가 된값을 출력되도록 구현하였는데, 

 

val1에 체크값이 출력되었을 떄, 옆에 x모양을 넣어서 x모양 클릭 시, 해당 체크값을 해제하려고 하는데 참고할만한 자료나 방법이 있을까요?

 

 

 

이 질문에 댓글 쓰기 :

답변 2

onclick="$(this).parent().find('클래스명 또는 input').attr('checked',false)"


해석:지금 DOM 에서 상단으로 이동 후 find 로 태그나 클레스명을 찾아 checked 된걸 풀어버렷~♥
이래하면 되지 않을까용..
input 이나 X 에 클래스나 그런게 없다는 가정하입니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 129,406
© SIRSOFT
현재 페이지 제일 처음으로