Material Desing for Bootstrap 체크박스 처리

일반적으로 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 />';}
}

 

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