웹마스터 팁
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 )" 적색부분만 추가해주시면 됩니다...
제한갯수는 상단 적색부분 마지막에 숫자만 바꿔주시면 됩니다...
<예제화면>
![](https://xe1.xpressengine.com/files/attach/images/121/687/883/016/그림1.jpg)
게시판뿐만 아니라 확장변수 다중선택이 들어가는 부분은 모두 적용가능합니다...(회원가입폼등)
먼저 해당게시판 스킨에 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 )" 적색부분만 추가해주시면 됩니다...
제한갯수는 상단 적색부분 마지막에 숫자만 바꿔주시면 됩니다...
<예제화면>
![](https://xe1.xpressengine.com/files/attach/images/121/687/883/016/그림1.jpg)
게시판뿐만 아니라 확장변수 다중선택이 들어가는 부분은 모두 적용가능합니다...(회원가입폼등)
댓글 5
-
다 영
2008.06.07 23:14
유용해요.^^
-
ddddffdfd
2008.11.29 05:02
유용해요~^^ -
옥수수밭
2009.05.11 16:22
현재 1.2.2를 사용하고 있는데 위 팁이 이제 안되네요.
방법을 못 찾고 있습니다. 도와주세요 T_T
-
팁을 올려 주셔서 감사합니다. 저 같은 초보는 팁을 보고 많이 배우고 있습니다.
사용가능한 버전을 표시해 주시면 감사하겠습니다.
게시판 스킨에서 board.js 파일과 extra_var_form.html 파일을 찾을 수가 없네요.
제가 잘 찾을 수 없는 건지....
제목 | 글쓴이 | 날짜 |
---|---|---|
MRTG에서 네트워크및 CPU, 메모리점유율을 기록하기 | ひりゅう. | 2014.07.05 |
XE 알림센터 Lite 사용시에 쪽지나 호출에 대해서만 알림음을 적용하기 [17] | SeungXE | 2014.07.06 |
외부 페이지에서 회원 extra_vars 변수 가져오기 [1] | Happyphp | 2014.07.09 |
편리한 안드로이드 크로스 브라우징 테스트 Tip - 안드로이드 가상화
![]() | AJKJ | 2014.07.09 |
lang.xml 파일 다이어트 자동화
[5]
![]() | 산하2 | 2014.07.09 |
SocialXE 관련 사용팁 적용 수정 파일
[3]
![]() | 휘즈 | 2014.07.13 |
댓글등록에 단축키 사용하기 | ひりゅう. | 2014.07.15 |
모바일(또는 textarea형)에서 댓글 수정시 줄바꿈 유지되도록 수정 [2] | sejin7940 | 2014.07.17 |
게시판 글 엑셀로 출력하기(확장변수 포함) [15] | 한이73 | 2014.07.17 |
회원 비밀번호 수정시 자동으로 로그아웃 되게 하는 방법 [4] | sejin7940 | 2014.07.18 |
Windows10 에서 IIS + mysql + PHP 설치
[10]
![]() | HSJI | 2014.07.21 |
간단하게 외부 SMTP 로 인증메일 보내기.
[1]
![]() | AJKJ | 2014.07.22 |
php로 간단하게 신규쪽지(읽지않은쪽지) 표시해주기 [2] | 졸라맨 | 2014.07.23 |
빈공간 더블 클릭시 상하 이동 스크립트 | socialskyo | 2014.07.23 |
[초보팁] .htaccess 파일을 이용하여 여러가지 주소 한 주소로 리다이렉트 하기 ( 주소 통합 ) [5] | 태풍_님 | 2014.07.23 |
아이디 첫글자에 숫자 허용 [2] | wooildang | 2014.07.24 |
xe module, sample 생성기 [9] | 천재ㅐ재 | 2014.07.24 |
CURL 등 리퀘스트가 느리다고 생각될때 [1] | 銀童 | 2014.07.25 |
게시판 데이터 일괄 삽입 방법 [1] | Happyphp | 2014.07.26 |
/XE/떼어 내기 방법... | 꿈섬 | 2014.07.27 |
오늘 안 올라오면 제가 우야꼬님께 허락받고 올리려고 했는데 .. 올리셨군요 .. ㅎ
정말 유용한 팁입니다. 정말 진심으로 다시 한번 감사드립니다.. ㅎ