Добрый вечер. Мне нужна божья помощь, поэтому я пришел к вам. В общем, такая делема: "Поместите на форму флажки, несколько радиогрупп, несколько текстовых полей и кнопку. Флажки можно отмечать, а по нажатию на кнопку должно выводиться сообщение о количестве выбранных флажков, радиогрупп и заполненных текстовых полей. После этого заполненные поля становятся неактивными, поднятые флажки и радиокнопки становятся неактивными."
Так же уже накидал код:
|
Код:
|
<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> |
Подскажите пожалуйста, как это дело реализовать?