테스트 사이트 - 개발 중인 베타 버전입니다

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

qoqofh 4년 전 조회 2,079

</p>

<pre>
<code><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("

<input type='text' name='wr_5[]' value='<?=@$write[wr_5]?>' class='frm_input' placeholder='진행 / 인원 수' style='width: 200px;'>"));                                       
  });
</script> </code></pre>

<p>

 

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

 

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

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
웹솔드
4년 전

http://b1ix.net/336

위 정보 참조하세요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

4년 전

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


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

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인