웹마스터 팁
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 )" 적색부분만 추가해주시면 됩니다...
제한갯수는 상단 적색부분 마지막에 숫자만 바꿔주시면 됩니다...
<예제화면>

게시판뿐만 아니라 확장변수 다중선택이 들어가는 부분은 모두 적용가능합니다...(회원가입폼등)