웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
확장변수 다중선택에서 체크박스의 선택개수를 제한하기
2008.05.30 18:15
질문&답변란에 질문에대한 답을 하는김에 여기도 같이 올립니다.
먼저 해당게시판 스킨에 board.js 에 아래코드를 하단에 추가 해주세요...
두번째로 해당게시판 스킨에 extra_var_form.html 을 아래와 같이 수정해주세요...
onclick="CheckNum( this.form, '{$val->column_name}', 3 )" 적색부분만 추가해주시면 됩니다...
제한갯수는 상단 적색부분 마지막에 숫자만 바꿔주시면 됩니다...
<예제화면>
게시판뿐만 아니라 확장변수 다중선택이 들어가는 부분은 모두 적용가능합니다...(회원가입폼등)
먼저 해당게시판 스킨에 board.js 에 아래코드를 하단에 추가 해주세요...
/* 체크 제한 */ // CheckNum // Parameter: frm-폼이름, obj-체크박스이름, limitcheck-제한할 개수 function CheckNum( checkbox, obj, limitcheck ) { checknum = 0; cb = document.getElementsByName(obj); for( i = 0; i<cb.length; i++ ) { if ( cb[i].checked ) { checknum++; } if ( checknum > limitcheck ) { alert("옵션을 "+ limitcheck + "개 이하로 선택해주십시오." ); cb[i].checked = false; break; } } }
두번째로 해당게시판 스킨에 extra_var_form.html 을 아래와 같이 수정해주세요...
<!-- 다중 선택 --> <!--@elseif($val->type == 'checkbox')--> <!--@if($val->default)--> <ul> <!--@foreach($val->default as $v)--> <li><input type="checkbox" name="{$val->column_name}" value="{$v}" <!--@if($v==$val->value||is_array($val->value)&&in_array($v, $val->value))-->checked="checked"<!--@end--> onclick="CheckNum( this.form, '{$val->column_name}', 3 )"/> {$v}</li> <!--@end--> </ul> <!--@end-->
onclick="CheckNum( this.form, '{$val->column_name}', 3 )" 적색부분만 추가해주시면 됩니다...
제한갯수는 상단 적색부분 마지막에 숫자만 바꿔주시면 됩니다...
<예제화면>
게시판뿐만 아니라 확장변수 다중선택이 들어가는 부분은 모두 적용가능합니다...(회원가입폼등)
댓글 5
-
리어코리아
2008.05.30 20:06
-
다 영
2008.06.07 23:14
유용해요.^^
-
ddddffdfd
2008.11.29 05:02
유용해요~^^ -
옥수수밭
2009.05.11 16:22
현재 1.2.2를 사용하고 있는데 위 팁이 이제 안되네요.
방법을 못 찾고 있습니다. 도와주세요 T_T
-
오뎅궁물
2010.02.19 19:56
팁을 올려 주셔서 감사합니다. 저 같은 초보는 팁을 보고 많이 배우고 있습니다.
사용가능한 버전을 표시해 주시면 감사하겠습니다.
게시판 스킨에서 board.js 파일과 extra_var_form.html 파일을 찾을 수가 없네요.
제가 잘 찾을 수 없는 건지....
제목 | 글쓴이 | 날짜 |
---|---|---|
카운터를 만들어봅시다~ (수정본) [181] | zero | 2000.03.08 |
MYSQL Query의 간단한 사용법 [82] | zero | 2000.03.06 |
새로운 뉴스티커 [1] | 아렌티 | 2006.04.25 |
문자열 길이(byte)에 따라 자르기... | 행복한고니 | 2002.10.11 |
textarea 입력받는 글자수 제한하는 스크립트 [5] | 오기 | 2002.01.17 |
자동 스크롤 메뉴 (끄기 기능, 무한 스크롤 X) [6] | ☺심심 | 2004.05.02 |
레이아웃 편집, 게시판 상/하단 내용에 위젯 스타일 적용하기 [2] | LutZ | 2010.09.12 |
큐브리드(CUBRID) 초보자 학습 자료 및 유용한 링크 정리 | 면스판 | 2010.11.09 |
큰 파일의 썸네일이 안생기는 경우 해결방법(수정) [12] | 얼터 | 2008.03.15 |
까오천사님의 만기일 팁을 1.2.4에 맞게 수정했어요. [15] | 도파 | 2009.08.27 |
파일 첨부 에러로 고생하시는 분 [2] | celli29 | 2010.05.11 |
회원약관 추가 [7] | 애치티 | 2009.01.15 |
레이아웃 삽입 후 최근 설문조사 가져오기 | ilovesyr | 2010.05.18 |
확장변수 다중선택에서 체크박스의 선택개수를 제한하기 [5] | 우야꼬 | 2008.05.30 |
회원에게 만기일 주기(1원짜리 팁) [17] | 까오천사 | 2007.11.12 |
APM_Setup 7 사용자중에서 첨부 파일 업로드시 100%에서 사라지는 문제 [2] | 레드파카 | 2010.01.04 |
Apache,PHP,MySQL,Zend,OpenSSL,PEAR 설치 메모 [1] | 엘카 | 2009.12.03 |
첨부파일이 용량에 따라 등록되기도 하고 안되기도 할 때 해결방법 (웹호스팅) [1] | 꽃들 | 2010.01.02 |
최신 댓글 보여주는 기능에 관련해 | 손정호547 | 2009.12.11 |
제로보드XE 외부출석부 [1] | noirzo | 2009.01.18 |
오늘 안 올라오면 제가 우야꼬님께 허락받고 올리려고 했는데 .. 올리셨군요 .. ㅎ
정말 유용한 팁입니다. 정말 진심으로 다시 한번 감사드립니다.. ㅎ