AJAX / Javascript復選框驗證

Question

這是我在stackoverflow上的第一篇文章，希望你能幫助我！

我需要對我正在制作的表單上的復選框進行javascript / ajax驗證，默認情況下取消選中復選框，但是當勾選時，會彈出一個javascript框，顯示此文本， “您選擇了時事通訊復選框，是嗎？你確定要收到我們的時事通訊嗎？“ 當他們點擊提交按鈕時。

如果他們單擊是，則表單應提交新聞稿復選框信息，如果沒有，表單仍應提交，但沒有新聞稿復選框信息。

我非常感謝你的幫助，謝謝。

Answer 1

歡迎來到SO！

您將需要一個在提交表單時運行的Javascript函數。 從那里，您將檢查是否已選中該復選框，如果是，請使用confirm()顯示您的信息。 如果他們選擇否，那么您通過Javascript取消選中該框，並且您的表單照常提交。

偽代碼：

<script language="javascript">
        function checkNewsLetter()
        {
            var chk = document.getElementById('chk1');
            if ((chk.checked) && (!confirm('Are you sure you wish to sign up?')))
                chk.checked = false;
        }
</script>

<form onsubmit="return checkNewsLetter();">
        <input type="checkbox" id="chk1" name="chk1" />
        <input type="submit" />
</form>

我還建議您查看jQuery以滿足您的所有Javascript需求，它非常易於使用。