버튼이 여분필드에 입력된 값으로 유지되려면 어찌해야할까요 채택완료

</p>

<p><form method="post" action="<?php echo $g5['path'] ?>/bbs/update_mb_10.php">

    <div class="form-group">

        <label for="mb_10">mb_10 회원 필드</label>

        <input type="hidden" id="mb_10" name="mb_10" value="<?php echo $mb_10; ?>">

        <button type="button" id="toggle_mb_10"><?php echo ($mb_10 == 'off') ? '꺼짐' : '켜짐'; ?></button>

    </div>

</form></p>

<p>

</p>

<p><script>

    // 페이지가 로드될 때 초기 버튼 레이블 설정

    window.onload = function () {

        var mb10Button = document.getElementById("toggle_mb_10");

        var mb10Input = document.getElementById("mb_10");

        mb10Button.innerHTML = (mb10Input.value === "off") ? '꺼짐' : '켜짐';

    };</p>

<p>    var mb10Button = document.getElementById("toggle_mb_10");

    var mb10Input = document.getElementById("mb_10");

    

    // 클릭 이벤트 핸들러

    mb10Button.addEventListener("click", function () {

        // 현재 mb_10 값 확인

        var currentMb10Value = mb10Input.value;

        // "켜짐"과 "꺼짐"을 토글합니다.

        if (currentMb10Value === "off") {

            mb10Input.value = "on";

            mb10Button.innerHTML = '켜짐';

        } else {

            mb10Input.value = "off";

            mb10Button.innerHTML = '꺼짐';

        }

        // AJAX 요청

        var formData = new FormData(document.forms[0]);

        var xhr = new XMLHttpRequest();

        xhr.open("POST", "<?php echo $g5['path']; ?>/bbs/update_mb_10.php", true);

        xhr.onreadystatechange = function () {

            if (xhr.readyState === 4) {

                if (xhr.status === 200) {

                    // 요청 완료                 

                }

            }

        };

        xhr.send(formData);

    });

</script></p>

<p>