'2019/07/28'에 해당되는 글 1건

Material Desing for Bootstrap 체크박스 처리

Web 프로그램/MDB 2019. 7. 28. 07:53
728x90

일반적으로 HTML5 에서는 아래와 같이 테이블 체크박스를 만들어주면 된다.

<table>
    <thead>
        <tr>
            <th><input type="checkbox" id="chkall" /></th>
            <th>성명</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><input type="checkbox" /></td>
            <td>홍길동</td>
        </tr>
        <tr>
            <td><input type="checkbox" /></td>
            <td>이상철</td>
        </tr>
    </tbody>
</table>

 

하지만 MDB에서는 이렇게 하면 동작 자체가 안된다.

아래와 같은 형식으로 구현해야 코드가 동작한다.

<table>
    <thead>
        <tr>
            <th>
            <th scope="col">
                <div class="form-check form-check-inline">
                <input type="checkbox" class="form-check-input" id="checkall">
                <label class="form-check-label" for="checkall"></label>
                </div>
            </th>
            </th>
            <th>성명</th>
        </tr>
    </thead>
    <tbody>
        <?php $i=0; while($R = mysql_fetch_array($RCD)):?>
        <tr>
            <td>
                <div class="form-check form-check-inline">
                <input type="checkbox" class="form-check-input" name="uid[]" id="<?php echo $R['uid'];?>" value="<?php echo $R['uid'];?>">
                <label class="form-check-label" for="<?php echo $R['uid'];?>"></label>
                </div>
            </td>
            <td><?php echo $R['name'];?></td>
        </tr>
        <?php $i++; endwhile;?>
    </tbody>
</table>

 

$i=0;
while($R = mysqli_fetch_array($result)){
	$i++;
	if(in_array($R['id'],$cat3Array)){ 
		echo'<div class="form-check form-check-inline">
			  <input type="checkbox" class="form-check-input" name="cat3[]" id="'.$R['id'].'" value="'.$R['id'].'" checked>
			  <label class="form-check-label" for="'.$R['id'].'">'.$R['name'].'</label>
			</div>';
	} else {
		echo'<div class="form-check form-check-inline">
			  <input type="checkbox" class="form-check-input" name="cat3[]" id="'.$R['id'].'" value="'.$R['id'].'">
			  <label class="form-check-label" for="'.$R['id'].'">'.$R['name'].'</label>
			</div>';
	}
	if($i % 3 == 0) {echo '<br />';}
}

 

필요할 때만 구현하다보니검색하고 사용법을 익히는 시간 낭비를 하게 되어 적어둔다.

저작자표시 비영리

'Web 프로그램 > MDB' 카테고리의 다른 글

MDB기반 게시판 만들기 - 5 (파일 삭제 처리)  (0) 2019.08.07
MDB 기반 게시판 만들기 - 4 (게시판 보기 및 댓글 등록)  (1) 2019.08.07
MDB 기반 게시판 만들기 - 3 (MySQL Insert/Update)  (0) 2019.08.07
MDB 기반 게시판 만들기 -2  (0) 2019.08.07
MDB기반 게시판 만들기 - 1 (테이블 구조)  (0) 2019.08.03
블로그 이미지

Link2Me

,

카테고리

글 보관함

달력

«   2019/07   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

공지사항

티스토리툴바