Показать сообщение отдельно
  #1 (permalink)  
Старый 08.01.2017, 18:47
Новичок на форуме
Отправить личное сообщение для jemlive19 Посмотреть профиль Найти все сообщения от jemlive19
 
Регистрация: 08.01.2017
Сообщений: 3

Подсчет выбранных чекбоксов, радио, текста
Добрый вечер. Мне нужна божья помощь, поэтому я пришел к вам. В общем, такая делема: "Поместите на форму флажки, несколько радиогрупп, несколько текстовых полей и кнопку. Флажки можно отмечать, а по нажатию на кнопку должно выводиться сообщение о количестве выбранных флажков, радиогрупп и заполненных текстовых полей. После этого заполненные поля становятся неактивными, поднятые флажки и радиокнопки становятся неактивными."

Так же уже накидал код:
Код:
<html>
  <head>
    <title>Пример использования полей input в HTML</title>
	<script src="http://code.jquery.com/jquery-2.1.3.min.js">
</script>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<body>

<span id="count"></span>
<p>Какие уроки интереснее всего?</p>
<p><label><input type="checkbox" name="lessons" value="HTML" id="count">HTML</label></p>
<p><label><input type="checkbox" name="lessons" value="CSS" id="count">CSS</label></p>
<p><label><input type="checkbox" name="lessons" value="PHP" id="count">PHP</label></p>
Нравится ли вам данный сайт?
<p><label><input type="radio" name="vopros" value="yes"> Да</label></p>
<p><label><input type="radio" name="vopros" value="no"> Нет</label></p>
<p><label><input type="radio" name="vopros" value="none" checked> Трудно ответить</label></p>
Текст
<input type="text" name="comment">
<input type="text" name="comment">

<script type="text/javascript">

    var count = 0;

    $(function() {
        displayCount();
        $('input[type=checkbox]').click(function() {
            if (this.checked) {
                count++;
            } else {
                count--;
            }
            displayCount();
        });
        
    });

    function displayCount() {
        $('#count').text(count);
    }

</script>
</body>
</html>
Подскажите пожалуйста, как это дело реализовать?
Ответить с цитированием