HTML中實現多選一且輸入框的啟用與禁用

雨花阁發表於2024-11-25
<script>
    // 控制"其他類別內容"輸入框的啟用與禁用
    function toggleTypeContent() {
        var typeContentInput = document.getElementById("typecontent");
        var otherRadio = document.getElementById("other");

        // 如果選中了"其他",啟用輸入框並清空placeholder
        if (otherRadio.checked) {
            typeContentInput.disabled = false;
            typeContentInput.placeholder = "";  // 清空提示資訊
        } else {
            typeContentInput.disabled = true;
            typeContentInput.value = '';  // 清空輸入框
            typeContentInput.placeholder = "如選業務洽談、培訓、會議,則此空不填";  // 顯示提示資訊
        }
    }

    // 頁面載入時預設禁用“其他類別內容”輸入框並顯示提示
    window.onload = function() {
        toggleTypeContent();
    };
</script>

相關文章