VPF::событие по щелчку radio - Форум программистов

s1lver

Дата 1.8.2013, 14:50 (ссылка)

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

Загрузка ...

Опытный

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

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

Набросал скриптик который должен выводить сообщение в div в соответсвии с выбранным радиобаттоном

Код


    function check_price()
    {
        if(document.getElementById("1y")){

            document.getElementById("price").innerHTML="1";
        }
        else if(document.getElementById("2y")){

            document.getElementById("price").innerHTML="2";
        }
    }

Код


                <label>
                    <input type="radio" class="form_radio" name="expired" id="1y" value="1" onclick="check_price()" >1<br>
                    <input type="radio" class="form_radio" name="expired" id="2y" value="2" onclick="check_price()" >2<br>
                </label><br>
                <div id="price"></div>

но чего то выбирается всегда только один параметр

Это сообщение отредактировал(а) s1lver - 1.8.2013, 14:52

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

Я собрался жить вечно - пока все идет нормально!

Arantir

Дата 1.8.2013, 22:53 (ссылка)

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

Загрузка ...

Рыбак без удочки

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

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

Не-не-не... Такое точно работать не будет.
У многих возникают проблемы с пониманием динамического приведения типов. По этому такие языки (php, js, ruby) не очень хороши для познаний основ.

Объясню просто: getElementById() возвращает объект. Непустой объект при приведении к bool - это всегда true. Значит для данного HTML вторя ветка условий никогда не наступит.

У radio и checkbox типов поля input есть свойство checked. Тип его - bool. То есть оно однозначно указывает, выбран или нет флажок и приведение типов ничего не попортит.

Код


    function check_price()
    {
        if(document.getElementById("1y").checked) {
            document.getElementById("price").innerHTML="1";
        }
        else if(document.getElementById("2y").checked) {
            document.getElementById("price").innerHTML="2";
        }
    }

Для большей уверенности указывайте сравнение более явно, чтобы знать, чего от него ожидать. Например,

Код


if (document.getElementById("1y") == null) { // на странице не найдено этого элемента

Это сообщение отредактировал(а) Arantir - 1.8.2013, 22:55

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

interface Жопа {
// ATTENTION: has to be implemented by every class of the project for proper project work
}

s1lver

Дата 2.8.2013, 11:58 (ссылка)

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

Загрузка ...

Опытный

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

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

Спасибо!

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

Я собрался жить вечно - пока все идет нормально!

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