체크박스의 체크목록을 옆에 버튼을 삽입하여, 해당 체크 해제하기
본문
<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 에 클래스나 그런게 없다는 가정하입니다.
답변을 작성하시기 전에 로그인 해주세요.
