다중 여분필드 쉽게 만드는 함수 - 3. 멀티 체크박스 > 그누보드5 팁자료실

그누보드5 팁자료실

다중 여분필드 쉽게 만드는 함수 - 3. 멀티 체크박스 정보

다중 여분필드 쉽게 만드는 함수 - 3. 멀티 체크박스

본문

 

이 시리즈의 최종편입니다.

사용법은 1편 라디오버튼과 2편 셀렉트박스와 동일합니다.

1. https://sir.kr/g5_tip/18179

2. https://sir.kr/g5_tip/18199

 

write.skin.php 의 상단이나 아니면 write.head.skin.php 을 만들어서 아래의 함수를 입력합니다.

 


<style>
.wr-checkbox { margin-left:5px; margin-right:7px; }
</style>
<?php
function wr_checkbox($checkbox_wr, $checkbox_str, $checkbox_req) {
    global $write;
    return "
        <script>
        n = ".explode('_', $checkbox_wr)[1].";
        document.write('<span id=wrCheckbox_' + n + ' onmouseover=n=' + n + '>');
        this['checkbox_' + n] = ('".$checkbox_str."').split(',');
        this['checkboxValue' + n] = '".$write[$checkbox_wr]."';
        document.write('<input type=hidden id=wr_' + n + ' name=wr_' + n + ' value=\'' + this['checkboxValue' + n] + '\'>');
        for (this['name_' + n] of this['checkbox_' + n]) document.write('<input type=checkbox name=_' + n + ' value=\'' + this['name_' + n] + '\'><span class=wr-checkbox>' + this['name_' + n] + '</span>');
        document.getElementsByName('_' + n)[document.getElementsByName('_' + n).length - 1].style.paddingRight = '0px';
        for (this['_' + n] of document.getElementsByName('_' + n)) {
            for (this['split_' + n] of this['wr_' + n].value.split(',')) this['_' + n].checked += this['_' + n].value == this['split_' + n];
            this['_' + n].onclick = function() {
                window['wr_' + n].value = '';
                for (this['_' + n] of document.getElementsByName('_' + n)) if (this['_' + n].checked) window['wr_' + n].value += this['_' + n].value + ',';
                window['wr_' + n].value = window['wr_' + n].value.slice(0, -1);
            }
        }
        this['checkboxReq_' + n] = ".$checkbox_req.";
        this['wrCheckbox_' + n].onmouseout = function() {
            if (window['checkboxReq_' + n] && window['wr_' + n].value == '') {
                document.getElementsByName('_' + n)[0].checked = 1;
                document.getElementsByName('_' + n)[0].onclick();
            }
        }
        this['wrCheckbox_' + n].onmouseout();
        document.write('</span>');
        </script>
    ";
}
?>

 

함수는 write.skin.php 에서 아래처럼 표현합니다.


<?php echo wr_checkbox("wr_4", "브라질,이탈리아,독일,우루과이,아르헨,프랑스", 1); ?>

 

다음 중 역대 월드컵을 2회 이상 우승한 나라 중 유럽국가는?

31832606_1648786160.0406.jpg

 

기본 옵션은 이전의 게시글과 같습니다.

단 뷰페이지에서는 약간의 옵션이 더 필요합니다.

예를 들어 <?php echo $view['wr_4']; ?> // 이탈리아,독일,프랑스

위와 같은 단순표기 외에 1번과 2번과 3번을 각기 나열하고 싶다면...

 


<?php
$view_wr4 = explode(',', $view['wr_4']);
array_unshift($view_wr4, count($view_wr4));
$view_wr4[0] = $view_wr4[1] == '' ? 0 : $view_wr4[0];
?>

 

위와 같이 여분필드를 배열에 담은 후 아래처럼 표현하면 되겠습니다.

 

<?php echo $view_wr4[1]; ?> // 이탈리아

<?php echo $view_wr4[2]; ?> // 독일

<?php echo $view_wr4[3]; ?> // 프랑스

 

<?php echo $view_wr4[0]; ?> 은 항목의 총숫자입니다. 예제에서는 3이 되겠지요.

추천
13

댓글 9개

고맙습니다. 잘 쓰겠습니다^^
공개해주신 라디오버튼, 셀렉트박스, 멀티체크박스팁을 이용하면 스킨을 만들 때 매우 도움이 될것 같습니다.
라디오버튼 등은 좀 어려워서 여러가지를 선택하는 기능사용은 잘 이용하지 못했는데 비타주리님의 팁을 이용하면 쉽게 스킨에 적용할 수 있어 참 좋습니다.
세가지 팁을 write.head.skin.php에 다 넣어두고 필요한곳에서 라디오버튼, 셀렉트박스, 멀티체크박스를 이용할 수있어서 최고의 팁이라고 생각합니다.
다음에는 어떤 팁을 공개해주실지 기다려집니다.
환절기에 건강조심하세요^^
전체 2,426 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT