체크박스의 체크목록을 옆에 버튼을 삽입하여, 해당 체크 해제하기 채택완료
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개
답변을 작성하려면 로그인이 필요합니다.
로그인