ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / проверка RadioButton(javascript)
9 сообщений из 9, страница 1 из 1
проверка RadioButton(javascript)
    #34405032
ghostWWW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ghostWWW
Гость
есть 3 радиобаттона:
<div id=vopros>
<input type="Radio" name="vopros" value="1">
<input type="Radio" name="vopros" value="2">
<input type="Radio" name="vopros" value="3">
</div>

<div id=vopros2 style="display:none">
<input type="Radio" name="vopros2" value="1">
<input type="Radio" name="vopros3" value="2">
</div>
<input type="Button" onclick="javascript:PR();" value="go">
нужно проверить javascript'oм выбран ли хоть один вариант или нет.Если нет то alert,если да то
document.getElementById('vopros').style.display = 'none';
document.getElementById('vopros2').style.display = '';

Собственно вопрос:как проверить выбран ли какой-нить радио?
...
Рейтинг: 0 / 0
21.03.2007, 10:59
| Ответить | Цитировать | Написать  
проверка RadioButton(javascript)
    #34405082
Ёлкин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ёлкин
Гость
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
function PR(){
  var sel = false;
  var vopros = document.getElementById("vopros");
  var radios  = vopros.getElementsByTagName("input");
  for(var k =  0 ; k < radios.length; k++){
    if(radios[k].type == "radio"){
      if(radios[k].checked){
        sel = true;
        break;
      }
    }
  }
  if(!sel){
    alert("not select");
  }else{
     vopros.style.display = 'none';
     document.getElementById('vopros2').style.display = 'block';                
   }
}
...
Рейтинг: 0 / 0
21.03.2007, 11:11
| Ответить | Цитировать | Написать  
проверка RadioButton(javascript)
    #34405154
ghostWWW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ghostWWW
Гость
Ёлкин
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
function PR(){
  var sel = false;
  var vopros = document.getElementById("vopros");
  var radios  = vopros.getElementsByTagName("input");
  for(var k =  0 ; k < radios.length; k++){
    if(radios[k].type == "radio"){
      if(radios[k].checked){
        sel = true;
        break;
      }
    }
  }
  if(!sel){
    alert("not select");
  }else{
     vopros.style.display = 'none';
     document.getElementById('vopros2').style.display = 'block';                
   }
}


не работает=( пишет всегда нот селект...
...
Рейтинг: 0 / 0
21.03.2007, 11:31
| Ответить | Цитировать | Написать  
проверка RadioButton(javascript)
    #34405165
Ёлкин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ёлкин
Гость
Ну, может у тебя html'ные элементы как-то не так обозначены?
Вот так все работает:
Код: plaintext
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.
<html>
<head>
	<title>Untitled</title>
    <script type="text/javascript">
        function PR(){
           
            var sel = false;
            var vopros = document.getElementById("vopros");
            var radios  = vopros.getElementsByTagName("input");
            for(var k =  0 ; k < radios.length; k++){
                if(radios[k].type == "radio"){
                    if(radios[k].checked){
                        sel = true;
                        break;
                    }
                }
            }
            if(!sel){
                alert("not select");
            }else{
                vopros.style.display = 'none';
                document.getElementById('vopros2').style.display = 'block';                
            }
        }
    </script>
</head>

<body>
<div id="vopros">
<input type="Radio" name="vopros" value="1">
<input type="Radio" name="vopros" value="2">
<input type="Radio" name="vopros" value="3">
</div>

<div id="vopros2" style="display:none">
<input type="Radio" name="vopros2" value="1">
<input type="Radio" name="vopros3" value="2">
</div>
<input type="Button" onclick="PR();" value="go">
</body>
</html>
...
Рейтинг: 0 / 0
21.03.2007, 11:34
| Ответить | Цитировать | Написать  
проверка RadioButton(javascript)
    #34405271
ghostWWW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ghostWWW
Гость
=)работает,а если так:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<div id="vopros">
<input type="Radio" name="vopros" value="1">
<input type="Radio" name="vopros" value="2">
<input type="Radio" name="vopros" value="3">

<input type="Radio" name="vopros2" value="1">
<input type="Radio" name="vopros2" value="2">
<input type="Radio" name="vopros2" value="3">

<input type="Radio" name="vopros3" value="1">
<input type="Radio" name="vopros3" value="2">
<input type="Radio" name="vopros3" value="3">
</div>

<div id="vopros2" style="display:none">
<input type="Radio" name="vopros4" value="1">
<input type="Radio" name="vopros4" value="2">
</div>
<input type="Button" onclick="PR();" value="go">
то как изменить функцию?нужно чтобы все 3 группы были выбранны,а потом появилась 4-я
...
Рейтинг: 0 / 0
21.03.2007, 11:56
| Ответить | Цитировать | Написать  
проверка RadioButton(javascript)
    #34405428
Ёлкин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ёлкин
Гость
Ну как-то так:
Код: plaintext
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.
       function checkRadio(elem, radioName){
            var sel = false;
            var radios  = elem.getElementsByTagName("input");
            for(var k =  0 ; k < radios.length; k++){
                if(radios[k].type == "radio" && radios[k].name == radioName){
                    if(radios[k].checked){                        
                        sel = true;
                        break;
                    }
                }
            }
            return sel;
        }                      
        function PR(){            
            var sel = false;
            var radioDiv = document.getElementById("vopros");
            var radioNames = new Array("vopros", "vopros2", "vopros3");
            for(var k =  0 ; k < radioNames.length; k++){
                sel = checkRadio(radioDiv, radioNames[k]);
                if(!sel){
                    break;
                }
            }            
            if(!sel){
                alert("not select");
            }else{
                radioDiv.style.display = 'none';                                 
                document.getElementById('vopros2').style.display = 'block';
            }
        }
...
Рейтинг: 0 / 0
21.03.2007, 12:30
| Ответить | Цитировать | Написать  
проверка RadioButton(javascript)
    #34405476
ghostWWW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ghostWWW
Гость
всё работает почти...=)только когда выбраны все 3 группы,они исчезают,а вот 4-я не появляется...
...
Рейтинг: 0 / 0
21.03.2007, 12:42
| Ответить | Цитировать | Написать  
проверка RadioButton(javascript)
    #34405531
ghostWWW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ghostWWW
Гость
Ёлкин спасибо большое,остольное сам исправил...вопрос снят=)
...
Рейтинг: 0 / 0
21.03.2007, 12:56
| Ответить | Цитировать | Написать  
проверка RadioButton(javascript)
    #34405534
Фотография SkyLight
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SkyLight
Участник
Походу конфликт имени объекта. Поменяй имя DIV'ов и должно работать. Да, и зачем перебирать INPUT'ы по имени тега, когда можно делать выбор по name?

Код: plaintext
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.
<script type="text/javascript">
function f(){
    if (chk('v1') && chk('v2') && chk('v3')){
        document.getElementById('d1').style.display='none';
        document.getElementById('d2').style.display='';
    }
}
function chk(name){
    var opt=document.getElementsByName(name);
    for (var i= 0 ; i<opt.length; i++)
        if (opt[i].checked) return opt[i].value;
    return false;
}
</script>
.....
<div id="d1">
    <input type="Radio" name="v1" value="1">
    <input type="Radio" name="v1" value="2">
    <input type="Radio" name="v1" value="3"><br />
    <input type="Radio" name="v2" value="1">
    <input type="Radio" name="v2" value="2">
    <input type="Radio" name="v2" value="3"><br />
    <input type="Radio" name="v3" value="1">
    <input type="Radio" name="v3" value="2">
    <input type="Radio" name="v3" value="3">
</div>
<div id="d2" style="display: none">
    <input type="Radio" name="v4" value="1">
    <input type="Radio" name="v4" value="2">
</div>
<button onclick="f();">Go</button>
...
Рейтинг: 0 / 0
21.03.2007, 12:58
| Ответить | Цитировать | Написать  
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / проверка RadioButton(javascript)
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=388&tid=1458592]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 40ms
get topic data:
 12ms
get forum data:
 2ms
get page messages:
 50ms
get tp. blocked users:
 2ms
others: 225ms
total:  362ms
созд. / загр.: 362ms
x
x
Закрыть


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