[제이쿼리] 체크박스 선택한거 -->값,값,값 형태로 만드는 방법 채택완료
수난이대
3년 전
조회 1,884
체크박스 id를 사용해서 체크박스 선택한 값을 불러올수는 있는데..
체크박스 name 을 이용해서 추출할수 있나요?
예를들면
var val1 = $('input:checkbox[name="select1_option"]').val();
var val2 = $('input:checkbox[name="select2_option"]').val();
form.option_all.value = val1+","+val2;
이런식으로..
원하는것은 선택한 값을 option_all 항목에 구분자 "," 를 포함해서 넣고싶습니다.
b,c,e
</p>
<p><form name="form"></p>
<p><table width="100%">
<tr>
<td><input type="checkbox" name="select1_option" id="select1_option1" class='select1_option' value="a" onClick="test()"> <label for="select1_option1">상품1<font color='#757575'>[1,000원]</font></label></td>
</tr>
<tr>
<td><input type="checkbox" name="select1_option" id="select1_option2" class='select1_option' value="b" onClick="test()"> <label for="select1_option2">상품2<font color='#757575'>[1,000원]</font></label></td>
</tr>
</table></p>
<p>
<table width="100%">
<tr>
<td><input type="checkbox" name="select2_option" id="select2_option1" class='select2_option' value="c" onClick="test()"> <label for="select2_option1">바이럴1<font color='#757575'>[100원]</font></label></td>
</tr>
<tr>
<td><input type="checkbox" name="select2_option" id="select2_option2" class='select2_option' value="d" onClick="test()"> <label for="select2_option2">바이럴2<font color='#757575'>[200원]</font></label></td>
</tr>
<tr>
<td><input type="checkbox" name="select2_option" id="select2_option3" class='select2_option' value="e" onClick="test()"> <label for="select2_option3">바이럴3<font color='#757575'>[300원]</font></label></td>
</tr>
</table></p>
<p>
<input type="text" name="option_all"></p>
<p></form></p>
<p>
<script>
function test(){</p>
<p> form.option_all.value = 체크한 값 b,c,e 이런형태로..
}
</script></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
답변에 대한 댓글 2개
�
수난이대
3년 전
�
멀티트리플
3년 전
저같은 경우는 checkbox 에 name 에다가 (ex name="select2_option[]" ) 네임값에 배열을 걸고 전송시키고 나서
php 실행페이지에서 implode 사용해서 | 이거나 , 이걸로 디비에 저장시킵니다.
수정화면이나 보기 화면에선 explode 으로 체크된 값 보여주고요
php 실행페이지에서 implode 사용해서 | 이거나 , 이걸로 디비에 저장시킵니다.
수정화면이나 보기 화면에선 explode 으로 체크된 값 보여주고요
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
체크박스 특성상 체크했다, 다시 체크해서 체크취소 할수 있는데,
배열값이 재정렬 되게 하는것도 힘들거같아서요..
$('input:checkbox[name="select1_option"]').each(function (index) {
if($(this).is(":checked")==true){
f.opt_all.value = $(this).val();
}
});
이런형태로 찾는 방법이 있긴한데, select1_option ~ select10_option 식으로
옵션이 고정적이지 않아서 문제가 될거같아 다른방법을 찾고있습니다.