VPF::Подсчет цены - Форум программистов

RomanK

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

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

Загрузка ...

Шустрый

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

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

Здравствуйте!

Я сам в принципе с JavaScript не очень связан. Мне по душе больше серверная сторона. И у меня есть вопросик.
Например есть форма с множественным выбором всякого добра. smile

Типа этой:

Код


<form action='script.php' name='myform'>
    <input type='radio' name='radio_1' value='1'> <input type='radio' name='radio_1' value='2'>
    <input type='radio' name='radio_2' value='3'> <input type='radio' name='radio_2' value='4'>
    <input type='radio' name='radio_3' value='5'> <input type='radio' name='radio_3' value='6'>
    <input type='radio' name='radio_4' value='7'> <input type='radio' name='radio_4' value='8'>
    <input type='radio' name='radio_5' value='9'> <input type='radio' name='radio_5' value='10'>
</form>

И еще есть поле, типа этого:

Код


<input type='text' name='total' value='0'>

Мне надо сделать так, чтобы юзер приходил, выбирал, то что хочет, а внизу динамически подсчитывалась цена. Это цена складывается из value радиокнопок, которые он выбрал.

+ еще вопросик небольшой. Если юзер выберет какую-нибудь радиокнопку, как сделать так, чтобы повторным нажатием ее можно было убрать.
Можно конечно посмотреть выриант с checkbox`ами, но если чекбоксы, тогда как сделать так, чтобы из группы он мог выбрать только одну.

Огромное спасибо всем, кто откликнется.

С уважением, Роман.

RomanK

Дата 19.4.2006, 16:23 (ссылка)

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

Загрузка ...

Шустрый

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

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

Мне уже можно не надеяться на помощ? smile

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

Ciber SLasH

Дата 19.4.2006, 17:13 (ссылка)

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

Загрузка ...

Эксперт

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

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

Цитата(RomanK @ 18.4.2006, 20:19

)

Мне надо сделать так, чтобы юзер приходил, выбирал, то что хочет, а внизу динамически подсчитывалась цена. Это цена складывается из value радиокнопок, которые он выбрал.

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251'>
<script type='text/javascript'>
onload = function () {
var fm = document.forms['myform'];
    for (var i = 0; i < fm.elements.length; i++) {
        if (fm.elements[i].type == 'radio') {
            fm.elements[i].onclick = function () {
                var t = fm.elements['total'];
                    t.value = 0;
                    for (var i = 0; i < fm.elements.length; i++) {
                        if (fm.elements[i].type == 'radio' && fm.elements[i].checked) {
                            t.value = Number(t.value) + Number(fm.elements[i].value);
                        }
                    }
            }
        }
    }
}
</script>
</head>

<body>
<form action='script.php' name='myform'>
<input type='radio' name='radio_1' value='1'> <input type='radio' name='radio_1' value='2'>
<input type='radio' name='radio_2' value='3'> <input type='radio' name='radio_2' value='4'>
<input type='radio' name='radio_3' value='5'> <input type='radio' name='radio_3' value='6'>
<input type='radio' name='radio_4' value='7'> <input type='radio' name='radio_4' value='8'>
<input type='radio' name='radio_5' value='9'> <input type='radio' name='radio_5' value='10'>
<br>
<input type='text' name='total' value='0'>
</form>
</body>
</html>

RomanK

Дата 19.4.2006, 17:18 (ссылка)

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

Загрузка ...

Шустрый

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

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

Ciber SLasH, ОГРОМНОЕ ТЕБЕ ЧЕЛОВЕЧЕСКОЕ СПАСИБО. ВЫРУЧИЛ. smile

Жалко репутацию немогу поднять. Постов у меня мало. smile

А на счет второй части вопроса, никак? smile

Извините, что наглею. smile

Необходимость заставила. smile

smartov

Дата 19.4.2006, 18:51 (ссылка)

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

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

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

Цитата(RomanK @ 19.4.2006, 16:18

)

А на счет второй части вопроса,

http://forum.vingrad.ru/index.php?showtopic=92699

12345c

Дата 19.4.2006, 18:58 (ссылка)

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

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

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

Тут не знать, тут делать надо.
Если вот это подойдёт, то можно больше не надеяться:

Ко 2-му вопросу:
Недавно задавали аналогичный вопрос на другом форуме, я написал такое:

http://js2.ru/example/JsPrimery...8.htm?xmp=078_2 - "Радиокнопка как чекбокс".

Код

<INPUT onclick="this.setAttribute('clicked',this.checked=1-this.getAttribute('clicked'));" type=radio value=1 name=param1 clicked="0"> Включить/выключить.

Если написать несколько таких с одинаковыми именами, то будут работать как обычные, но при повторном клике - тоже выключатся. Если с разными, то будут как чекбоксы.

В приложении к вашей задаче получаем:

Код

<form action='script.php' name='f1'>
    <input type=radio class=forSum id=r1 name='radio_1' value='1' onclick=f(this)>1
    <input type=radio class=forSum id=r2 name='radio_1' value='2' onclick=f(this)>2<br>
    <input type=radio class=forSum id=r3 name='radio_2' value='3' onclick=f(this)>3 
    <input type=radio class=forSum id=r4 name='radio_2' value='4' onclick=f(this)>4<br>
    <input type=radio class=forSum id=r5 name='radio_3' value='5' onclick=f(this)>5 
    <input type=radio class=forSum id=r6 name='radio_3' value='6' onclick=f(this)>6<br>
    <input type=radio class=forSum id=r7 name='radio_4' value='7' onclick=f(this)>7 
    <input type=radio class=forSum id=r8 name='radio_4' value='8' onclick=f(this)>8<br>
    <input type=radio class=forSum id=r9 name='radio_5' value='9' onclick=f(this)>9 
    <input type=radio class=forSum id=r10 name='radio_5' value='10' onclick=f(this)>10
    Сумма: <input name=i1 size=6 value=0 onfocus=this.blur()>
</form>
<script>
f=function(t){
t.setAttribute('clicked',t.checked=t.getAttribute('clicked')!=null?
    1-t.getAttribute('clicked'):1);
l=document.getElementsByTagName('INPUT').length;
s=0;
for(i=0;i<l;i++){o=null;
    s+=Number((o=document.getElementsByTagName('INPUT')[i]).className=='forSum'
        &&o.checked?o.value:0);
    if(o&&t.id!=o.id&&o.className=='forSum')
        {o.setAttribute('clicked',o.checked?1:0);}
}
t.form.i1.value=s;
}</script>

Результаты поместил в http://js2.ru/example/JsPrimery...8.htm?xmp=078_3

Это сообщение отредактировал(а) 12345c - 3.3.2008, 15:20

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

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

RomanK

Дата 19.4.2006, 20:47 (ссылка)

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

Загрузка ...

Шустрый

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

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

12345c,
smartov,
Ciber SLasH,
ОГРОМНОЕ ВСЕМ СПАСИБО. МОИМ БЛАГОДАРНОСТЯМ НЕТ ГРАНИЦ. smile

R.M.

Дата 20.4.2006, 11:48 (ссылка)

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

Загрузка ...

Анархист

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

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

RomanK, поставил + в репу Ciber SLasH от тебя smile

Добавлено @ 11:48
Темболее мне этот код тоже скоро пригодится smile

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

Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia

RomanK

Дата 21.4.2006, 20:28 (ссылка)

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

Загрузка ...

Шустрый

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

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

Куксикус, ага. Благодарствую. smile

Заодно и smartov с 12345c тоже поставь, чтобы никому не обидно было.

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