radio бутон и моментален резултат

[oniq]

Здравейте, как мога да направя с радио бутон когато се кликне в/у него да изписвам под него ( 3 лв )

и следователно ако са 2 радио бутона. Когато цъкна на единя отдолу да показва ( +5лв доставка )

а когато кликне на другия ( +10лв доставка ).

Да може да се избира само един от 2-та радио бутона.
Дано да съм обяснил добре, защото и на мен не ми лесно да го разбера.

Поздрави

 

[macmen]

Зареждаш JQ и слагаш на бутона onclick да ти изпълнява функция и си готов

 

[M1tq96]

Ако искаш като се цъкне на тоя бутон "радио" да зареждаш друг фаил , това става така:

<input type='radio' onclck="$('#rezultata').load('[b][color=red]index.php[/color][/b]');"><span id='rezultata'></span>

Замени index.php с пътя до твоя файл, в който правиш сметките и щи изкарва резултата в елемента с ID rezultata ..

А ето моя вариянт на това което разбрах ..

[js]
<Script>
function radioChain(radio_id,info)
{
$("#rezult-"+(radio_id).html(info);
}
</script>
[/js]

<input type='radio' id='radioChain-1' class='1' onclick="radioChain(1,'Струва 1 лв.')"><span id='rezult-1'></span>

<input type='radio' id='radioChain-2' class='2' onclick="radioChain(2,'Струва 2 лв.')"><span id='rezult-2'></span>

<input type='radio' id='radioChain-3' class='3' onclick="radioChain(3,'Струва 3 лв.')"><span id='rezult-3'></span>

<input type='radio' id='radioChain-4' class='4' onclick="radioChain(4,'Струва 4 лв.')"><span id='rezult-4'></span>

дано съм ти помогнал .. :?:

 

[palex]

или просто ей така:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <script>
        function updateTotal(rd) {
            document.getElementById('comment').innerHTML = rd.value+'лв. доставка';
        }
        </script>
    </head>
    <body>
        <input type="radio" name="shippment" value="2" onclick="updateTotal(this)" /> Radio 1<br/>
        <input type="radio" name="shippment" value="10" onclick="updateTotal(this)" /> Radio 2<br/>
        <input type="radio" name="shippment" value="20" onclick="updateTotal(this)" /> Radio 3<br/>
        <input type="radio" name="shippment" value="50" onclick="updateTotal(this)" /> Radio 4<br/>
        <div id="comment"></div>
    </body>
</html>

 

[oniq]

или просто ей така:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <script>
        function updateTotal(rd) {
            document.getElementById('comment').innerHTML = rd.value+'лв. доставка';
        }
        </script>
    </head>
    <body>
        <input type="radio" name="shippment" value="2" onclick="updateTotal(this)" /> Radio 1<br/>
        <input type="radio" name="shippment" value="10" onclick="updateTotal(this)" /> Radio 2<br/>
        <input type="radio" name="shippment" value="20" onclick="updateTotal(this)" /> Radio 3<br/>
        <input type="radio" name="shippment" value="50" onclick="updateTotal(this)" /> Radio 4<br/>
        <div id="comment"></div>
    </body>
</html>

Това е точно, което търся но съм пропуснал да кажа, как може да го добавя и към общта сума на доставка.

Смисъл:
Доставка: 5 лв
Обща сума: 100лв ( и според сумата за доставка да се покачва и тя сума ) някое просто и изчистено показано.

 

[palex]

Ами ако доставката ти е в input поле

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <script>
        function updateTotal(rd) {
            document.getElementById('comment').innerHTML = (parseFloat(rd.value)+parseFloat(document.getElementById('OrderTotal').value))+'лв. доставка';
        }
        </script>
    </head>
    <body>
        <input type="radio" name="shippment" value="2" onclick="updateTotal(this)" /> Radio 1<br/>
        <input type="radio" name="shippment" value="10" onclick="updateTotal(this)" /> Radio 2<br/>
        <input type="radio" name="shippment" value="20" onclick="updateTotal(this)" /> Radio 3<br/>
        <input type="radio" name="shippment" value="50" onclick="updateTotal(this)" /> Radio 4<br/>
        <input type="text" name="OrderTotal" id="OrderTotal" value="100"/>
        <div id="comment"></div>
    </body>
</html>