Проверка флажка AJAX / Javascript

Question

это мой первый пост на stackoverflow, надеюсь, вы мне поможете!

Мне нужно иметь подтверждение javascript / ajax для флажка в форме, которую я делаю, по умолчанию флажок снят, но когда он установлен, должно появиться окно JavaScript, отображающее этот текст, "Вы установили флажок новостной рассылки, вы уверены, что хотите получать нашу новостную рассылку?" когда они нажимают кнопку отправки.

Если нажать кнопку «Да», форма должна предоставить информацию о флажке новостной рассылки, если нет, форма должна быть отправлена, но без информации о флажке новостной рассылки.

Буду очень признателен за помощь, спасибо.

Answer 1

Добро пожаловать на ТАК!

Вам понадобится функция 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, он очень прост в использовании.