Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Подсчет цены

Автор: RomanK 18.4.2006, 19:19

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

Я сам в принципе с 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

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

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

Автор: Ciber SLasH 19.4.2006, 17:13

Цитата(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

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

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

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

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

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

Автор: smartov 19.4.2006, 18:51

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

)

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

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

Автор: 12345c 19.4.2006, 18:58

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

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

http://js2.ru/example/JsPrimeryCode-78.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/JsPrimeryCode-78.htm?xmp=078_3

Автор: RomanK 19.4.2006, 20:47

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

Автор: R.M. 20.4.2006, 11:48

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

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

Автор: RomanK 21.4.2006, 20:28

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

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