VPF::Submit в зависимости от состояния RadioButton

Flynn

Дата 14.12.2007, 19:30 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 37
Регистрация: 21.10.2006

Репутация: нет
Всего: нет

В форме есть 2 INPUT type="radio" и при нажатии Submit необходимо сделать так чтобы происходило 1 из 2х действий:
1 - Если ни один radio не выделен то submit формы не выполняется, а пользователю выдается алерт, о том что он не выбрал ни один из параметров.
2 - Если выбран один из radio то у пользователя необходимо спросить подтверждение о том правильноли он выбрал radio и соотвественно если пользователь подтверждает то submit формы выполняется, если не подтверждает то соответвенно не выполняется.

Как это сделать? Я в JS почти ноль, а тут встала необходимость такой вот функции для формы.

Это сообщение отредактировал(а) Flynn - 14.12.2007, 19:38

Aliance

Дата 14.12.2007, 19:55 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Что было сделано, что не получилось? Если ничего не было сделано, то в раздел работа.

Нужно на onsubmit повесить функцию, проверяющие значения выбранных радио кнопок и все

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Mymik

Дата 14.12.2007, 20:16 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1474
Регистрация: 12.5.2006
Где: Lamer-центер

Репутация: 11
Всего: 78

Aliance, не будь таким строгим smile

хотя я тебя целиком и полностью поддерживаю в этом плане, нужно конечно сподвигать форумчан начинать хоть что-нибудь писать. Но у меня сегодня настроение такое... так захотелось такую простенькую работенку сделать smile

Код


<html>
<head>
    <script type="text/javascript">
    function checkAnswer(id)
    {
        /* Получаем контэйнер */
        var answ = document.getElementById(id);
        if(!answ)
        {
            alert("Container Not Exist"); 
            return!1;
        }
        
        /* Получаем ссылки на все input'ы */
        answerCollection = answ.getElementsByTagName("input")
        for(var i = 0; i < answerCollection.length; i++)
            /* Проверяем на выбор элемента */
            if(answerCollection[i].type == "radio" && answerCollection[i].checked)
                return confirm("Are You Sure ???");
                
        /* Не один из элементов не выбран, значит материмся и отменяем сабмит */
        alert("Choose An Answer");
        return!1;
    }
    </script>
</head>
<body>
    <form >
        <div id="answers">
            <input type="radio" name="answer" /> first<br/>
            <input type="radio" name="answer" /> second<br/>
            <input type="radio" name="answer" /> third<br/>
        </div>
    <input type="submit" value="Send Answers" onclick="return checkAnswer('answers')" />
    </form>
</body>
</html>

--------------------

ICQ ::            857-857
E-mail ::         mymik[at]inbox[dot]ru
HomaPage ::  http://localhost/

:to_become_senile  :this

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »