Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Простая функция / 5 сообщений из 5, страница 1 из 1
29.06.2014, 13:20
    #38682975
lenash
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Простая функция
Здравствуйте.
на форме расположены элементы
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
...
<tr>
	<td height="30" Class="Zag1_1" colspan="2">
		<input type="radio" name="variant" value="1" id="variant"><font Class="Zag1">Вариант1</font>
		<br><br>
		<input type="radio" name="variant" value="2" id="variant"><font Class="Zag1">Вариант2</font>
		<br><br>
		<input type="radio" name="variant" value="3" id="variant"><font Class="Zag1">Вариант3</font>
		<br><br>		
	</td>
  </tr>
...


Подскажите, как написать функцию, которая осуществляла проверку выбран вариант или нет, и если нет то выводила бы сообщение
"Выберите один вариант ответа"??
Пожалуйста!
...
Рейтинг: 0 / 0
29.06.2014, 14:29
    #38683011
lenash
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Простая функция
Нашла вот такую функцию:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
<script type="text/javascript">
function checkRadios(form) {
   var btns = form.variant;
   var btns1 = form.pol;
   var btns2 = form.age;	
   for (var i=0; el=btns[i]; i++) {
     if (el.checked) return true;
   }
   alert('Вы не выбрали ни одного варианта.');
   return false;

}
</script>


....
<form METHOD="POST" ACTION="" Name="" onsubmit="return checkRadios(this);">
...
<tr>
	<td height="30" Class="Zag1_1" colspan="2">
		<input type="radio" name="variant" value="1" id="variant"><font Class="Zag1">Вариант1</font>
		<br><br>
		<input type="radio" name="variant" value="2" id="variant"><font Class="Zag1">Вариант2</font>
		<br><br>
		<input type="radio" name="variant" value="3" id="variant"><font Class="Zag1">Вариант3</font>
		<br><br>		
	</td>
  </tr>
...



Помогите, пожалуйста ее исправить для проверки разных групп radio button и чтобы для каждой группы в случае невыбора выводилось свое сообщение. Например, для другой группы - Вы не указали свой возраст.
...
Рейтинг: 0 / 0
29.06.2014, 15:35
    #38683039
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Простая функция
lenash, приведите код своей HTML разметки, для которой нужна функция.
...
Рейтинг: 0 / 0
29.06.2014, 15:50
    #38683047
lenash
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Простая функция
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
<form METHOD="POST" ACTION="rezult.asp" Name="Add">
<table border="0" cellspacing="4" cellpadding="2" Class="right">
  <tr>
	<td width="35%" height="30" Class="Zag1_1">	
		<div align="right">Пол</div>
	</td>
	<td width="65%" height="30" Class="Zag1_1">
		<input type="radio" name="pol" value="1">М
		<input type="radio" name="pol" value="2">Ж

	</td>
  </tr>
  <tr>
	<td width="35%" height="30" Class="Zag1_1">	
		<div align="right">Возраст</div>
	</td>
	<td height="30" Class="Zag1_1">
		<input type="radio" name="age" value="1">18-34 
		<input type="radio" name="age" value="2">35-44
		<input type="radio" name="age" value="3">45-54
		<input type="radio" name="age" value="4">55-64
		<input type="radio" name="age" value="5">65 и старше
	</td>
  </tr>
  <tr>
	<td width="35%" height="30" Class="Zag1_1">
		<div align="right">Сфера Вашей деятельности</div>
	</td>
	<td width="65%" height="30" Class="Zag1_1">
		<select name="company" Class="Zag1_1" size=1>
		<option Value="0" <%If sort=0 then%>Selected<%End If%>></option>
		<option value="student">учащийся</option>
		<option value="socsfera">социальная служба</option>
		<option value="kult">культура</option>
		<option value="med">медицина</option>
		<option value="obr">образование</option>
		<option value="voen">военная служба</option>
		<option value="predprim">частный предприниматель</option>
		<option value="pens">пенсионер</option>
		<option value="bez">безработный</option>
		<option value="dr">другое</option>
	</td>
  </tr>
<tr>
	<td height="30" Class="Zag1_1" colspan="2">
		<input type="radio" name="variant" value="1" id="variant"><font Class="Zag1">Вариант1</font>
		<br><br>
		<input type="radio" name="variant" value="2" id="variant"><font Class="Zag1">Вариант2</font>
		<br><br>
		<input type="radio" name="variant" value="3" id="variant"><font Class="Zag1">Вариант3</font>
		<br><br>		
	</td>
  </tr>
</table>
</form>
...
Рейтинг: 0 / 0
30.06.2014, 11:39
    #38683510
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Простая функция
Хм, например так:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
<!DOCTYPE HTML>
<html>  
<head></head>
<body>
  <form onsubmit="return checkForm(this)">
    <table border="0" cellspacing="4" cellpadding="2" Class="right">
      <tr>
        <td align="right">Пол</td>
        <td>
          <label><input type="radio" name="gender" value="1"/>М</label>
          <label><input type="radio" name="gender" value="2"/>Ж</label>
        </td>
      </tr>
      <tr>
        <td align="right">Возраст</td>
        <td>
          <label><input type="radio" name="age" value="1"/>18-34</label>
          <label><input type="radio" name="age" value="2"/>35-44</label>
          <label><input type="radio" name="age" value="3"/>45-54</label>
          <label><input type="radio" name="age" value="4"/>55-64</label>
          <label><input type="radio" name="age" value="5"/>65 и старше</label>
        </td>
      </tr>
      <tr>
        <td align="right">Сфера Вашей деятельности</td>
        <td>
          <select name="company" size="1">
            <option value="0"></option>
            <option value="student">учащийся</option>
            <option value="socsfera">социальная служба</option>
            <option value="kult">культура</option>
            <option value="med">медицина</option>
            <option value="obr">образование</option>
            <option value="voen">военная служба</option>
            <option value="predprim">частный предприниматель</option>
            <option value="pens">пенсионер</option>
            <option value="bez">безработный</option>
            <option value="dr">другое</option>
          </select>
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <label><input type="radio" name="variant" value="1" id="variant"/>Вариант1</label>
          <br/>
          <br/>
          <label><input type="radio" name="variant" value="2" id="variant"/>Вариант2</label>
          <br/>
          <br/>
          <label><input type="radio" name="variant" value="3" id="variant"/>Вариант3</label>
        </td>
      </tr>
    </table>
  </form>
  <script>    
    function checkForm(form) {      
      return checkRadioGroup(form, 'gender', 'Укажите пол')
          && checkRadioGroup(form, 'age', 'Укажите возвраст')
          && checkRadioGroup(form, 'variant', 'Выберите один вариант ответа');
    }
    
    function checkRadioGroup(form, groupName, warningMessage) {
      var i, radio, radios = form[groupName];
      
      for (i = 0; radio = radios[i]; i++) {
        if (radio.checked) return true;
      }
      
      alert(warningMessage);
      
      return false;
    }
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Простая функция / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]