Форум

DDim1000 · #1 (**permalink**) 01.08.2017, 15:02

Здравствуйте!
Подскажите пожалуйста, почему при клике на кнопку, никакого сообщения нет?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
    $('#formSubmit').click(function() {
		
		if ($('#formWheelchair').prop('checked'))
		{
		   alert('Выбор сделан!');	
		}else { 
		        alert('Ни чего не выбрано');
				}		

		
		
	});
</script>
<title>Документ без названия</title>
</head>

<body>

<form method="post">
    Вы выбираете? <br /> 
    <input type="checkbox" name="formWheelchair" value="Yes" /><label for="formWheelchair">Да, я выбираю!</label><br/>
    <input type="submit" id="formSubmit" name="formSubmit" value="Готово!" />
</form>


</body>
</html>

рони · #2 (**permalink**) 01.08.2017, 15:06

DDim1000,
jquery где? ready где? где элемент $('#formWheelchair')???

ksa · #3 (**permalink**) 01.08.2017, 15:07

Сообщение от DDim1000

почему при клике на кнопку, никакого сообщения нет?

Потому как при попытке "навесить" обработчик на странице нет никаких элементов...

DDim1000 · #4 (**permalink**) 01.08.2017, 15:19

Сообщение от рони

DDim1000,
jquery где? ready где? где элемент $('#formWheelchair')???

А jquery обязательно нужна?

Вот, с элементом $('#formWheelchair'):

<script type="text/javascript">
    $(document).ready(function () {
    $('#formSubmit').click(function() {
		
		if ($('#formWheelchair').prop('checked'))
		{
		   alert('Выбор сделан!');	
		}else { 
		        alert('Ни чего не выбрано');
				}		

		
		
	});
	});
</script>

рони · #5 (**permalink**) 01.08.2017, 15:23

Сообщение от DDim1000

А jquery обязательно нужна?

...!!!

Сообщение от DDim1000

Вот, с элементом $('#formWheelchair'):

где на странице данный элемент???

Nexus · #6 (**permalink**) 01.08.2017, 15:26

DDim1000, до слёз

))
Откройте в браузере консоль и посмотрите что там красненьким будет написано)

Сообщение от DDim1000

А jquery обязательно нужна?

Можно и без jQuery, но вы его юзаете и активно)

Почитайте:
http://learn.jquery.com/about-jquery/how-jquery-works/
http://learn.jquery.com/using-jquery...ting-elements/

рони · #7 (**permalink**) 01.08.2017, 15:29

DDim1000,
# -- это селектор id

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
    $('#formSubmit').click(function() {
        if ($('#formWheelchair').prop('checked')) {
            alert('Выбор сделан!');
        } else {
            alert('Ни чего не выбрано');
        }
    });
});

/*
$(function() {
    $('form').on('submit', function() {
        var checked = $('#formWheelchair').prop('checked')
        if (checked) {
            alert('Выбор сделан!');
        } else {
            alert('Ни чего не выбрано');
        }
       return checked
    });
});
*/
  </script>
</head>

<body>
<form method="post">
    Вы выбираете? <br />
    <input type="checkbox" name="formWheelchair" value="Yes"  id="formWheelchair"/><label for="formWheelchair">Да, я выбираю!</label><br/>
    <input type="submit" id="formSubmit" name="formSubmit" value="Готово!" />
</form>
</body>
</html>

DDim1000 · #8 (**permalink**) 01.08.2017, 17:18

Сообщение от рони

DDim1000,
# -- это селектор id

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
    $('#formSubmit').click(function() {
        if ($('#formWheelchair').prop('checked')) {
            alert('Выбор сделан!');
        } else {
            alert('Ни чего не выбрано');
        }
    });
});

/*
$(function() {
    $('form').on('submit', function() {
        var checked = $('#formWheelchair').prop('checked')
        if (checked) {
            alert('Выбор сделан!');
        } else {
            alert('Ни чего не выбрано');
        }
       return checked
    });
});
*/
  </script>
</head>

<body>
<form method="post">
    Вы выбираете? <br />
    <input type="checkbox" name="formWheelchair" value="Yes"  id="formWheelchair"/><label for="formWheelchair">Да, я выбираю!</label><br/>
    <input type="submit" id="formSubmit" name="formSubmit" value="Готово!" />
</form>
</body>
</html>

Все, работает! Спасибо большое!

рони · #9 (**permalink**) 01.08.2017, 17:25

DDim1000,
на будущее: не копируйте сообщения целиком, бывает достаточно нажать на ник, чтобы было понятно кому сообщение.

Форум

Справочник

Discord чат

Курсы javascript