Javascript-форум - Javascript, вопрос

Javascript-форум (https://javascript.ru/forum/)

- Javascript под браузер (https://javascript.ru/forum/css-html/)

- - Javascript, вопрос (https://javascript.ru/forum/css-html/13639-javascript-vopros.html)

Javascript, вопрос

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

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

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

Цитата:

Сообщение от monolithed (Сообщение 82698)

<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>

можно так:

<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">
Зеленый

Цитата:

Сообщение от monolithed (Сообщение 82717)

можно так:

<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>
Зеленый

Спасибо.