Форум

Artem1 · #1 (**permalink**) 07.12.2010, 16:33

Как сделать,чтобы при выборе красного, выдало окно с сообщением красный? Файл

monolithed · #2 (**permalink**) 07.12.2010, 16:45

Artem1 если кода немного разместите его здесь на форуме.

PS: перед тем как вывести диалоговое окно пользователю подумайте, а надо ли ему оно!

Artem1 · #3 (**permalink**) 07.12.2010, 16:53

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

Artem1 если кода немного разместите его здесь на форуме.

PS: перед тем как вывести диалоговое окно пользователю подумайте, а надо ли ему оно!

<html>
<head></head>
<body>
<form>
<input type="radio" name="col" value="1" cheked>
Красный
<input type="radio" name="col" value="2" cheked>
Оранжевый
<input type="radio" name="col" value="3" cheked>
Зеленый
<script type="text/javascript">

{ alert("цвет" col )}
</script>
</form></body>
</html>

monolithed · #4 (**permalink**) 07.12.2010, 18:26

можно так:

<script type="text/javascript">
window.onload = function(){
    var input = document.getElementsByName('col'), i = input.length;
    while(i--){
        input[i].onclick = function(){
            alert(this.value);
        };
    }
    };
</script>

<input type="radio" name="col" value="Красный">
Красный
<input type="radio" name="col" value="Оранжевый">
Оранжевый
<input type="radio" name="col" value="Зеленый">
Зеленый

или так:

<script type="text/javascript">
window.onload = function(){
    var input = document.getElementsByName('col'), i = input.length, array = ['Красный', 'Оранжевый', 'Зеленый'];
    while(i--){
        input[i].onclick = function(i){
            return function(){
                alert(array[i]);
            };
        }(i);
    }
};
</script>

<input type="radio" name="col">
Красный
<input type="radio" name="col">
Оранжевый
<input type="radio" name="col">
Зеленый

Artem1 · #5 (**permalink**) 07.12.2010, 18:53

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

можно так:

<script type="text/javascript">
window.onload = function(){
    var input = document.getElementsByName('col'), i = input.length;
    while(i--){
        input[i].onclick = function(){
            alert(this.value);
        };
    }
    };
</script>

<input type="radio" name="col" value="Красный" cheked>
Красный
<input type="radio" name="col" value="Оранжевый" cheked>
Оранжевый
<input type="radio" name="col" value="Зеленый" cheked>
Зеленый

или так:

<script type="text/javascript">
window.onload = function(){
    var input = document.getElementsByName('col'), i = input.length, array = ['Красный', 'Оранжевый', 'Зеленый'];
    while(i--){
        input[i].onclick = function(i){
            return function(){
                alert(array[i]);
            };
        }(i);
    }
};
</script>

<input type="radio" name="col" value="" cheked>
Красный
<input type="radio" name="col" value="" cheked>
Оранжевый
<input type="radio" name="col" value="" cheked>
Зеленый

Спасибо.

Форум

Справочник

Discord чат

Курсы javascript