글쓰기시 카테고리 선택 갯수 제한하는법 (mb_1값으로)

글쓰기시 카테고리 선택 갯수 제한하는법 (mb_1값으로)

QA

글쓰기시 카테고리 선택 갯수 제한하는법 (mb_1값으로)

답변 1

본문

글쓰기시 카테고리 선택 갯수 제한하는법 (mb_1값으로)

 

카테고리는 체크박스로 여러개 선택 가능하도록 해놨습니다

카테고리 선택 갯수를 mb_1 값으로 제한하고 싶은데 가능할까요?

 

ex= mb_1값이 2이면 2개이상 선택 불가

이 질문에 댓글 쓰기 :

답변 1

안녕하세요.

아래의 스크립트를 참고해 보시겠어요?

 

<?php
$max_categories = (int)$member['mb_1']; // mb_1 값을 정수로 변환
?>

<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
    var maxCategories = <?php echo $max_categories; ?>;
    var checkboxes = document.querySelectorAll('input[name="categories[]"]'); //자신의 변수값에 맞게변경
    
    checkboxes.forEach(function (checkbox) {
        checkbox.addEventListener('change', function () {
            var checkedCount = document.querySelectorAll('input[name="categories[]"]:checked').length;
            if (checkedCount > maxCategories) {
                alert('최대 ' + maxCategories + '개의 카테고리를 선택할 수 있습니다.');
                checkbox.checked = false;
            }
        });
    });
});
</script>

<form method="post" action="xxxx.php">
    <!-- 카테고리 체크박스 , 자신의 변수에 맞게 변경 -->
    <input type="checkbox" name="categories[]" value="category1"> 카테고리 1<br>
    <input type="checkbox" name="categories[]" value="category2"> 카테고리 2<br>
    <input type="checkbox" name="categories[]" value="category3"> 카테고리 3<br>
    <input type="checkbox" name="categories[]" value="category4"> 카테고리 4<br>
    <!-- 기타 글쓰기 필드 -->
    <button type="submit">글쓰기</button>
</form>
 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 560
© SIRSOFT
현재 페이지 제일 처음으로