[html/JS] Problem z formularzem Opcje

[TomaszW]

Witam

Mam problem z formularzem. Mianowicie chodzi o to, że w value mam podaną cenę, która dzięki JS pokazuje mi się w polu tekstowym i jest sumowana jeżeli zaznaczymy kilka pól. Gdy robię formularz na checkboxach jest wszystko dobrze ale chciałbym to zrobić na radio w końcu to formularz wyboru jednej z kilku opcji. CHodzi dokładnie o formularz, w którym wybieramy podzespoły jakie chcemy mieć w komputerze. Aby móc wybrac jedno z kilku w radio parametr name musi być taki sam. Ja w parametrze name mam nazwę podzespołu więc nie moga sie wszystkie tam samo nazywać. Nie wiem jak to zrobić na tym radio, żeby można było wybierać.

[HTML] pobierz, plaintext 
<form id="form1" name="form1" method="post" action="">
  <p>
    <label>
      <input type="radio" name="nazwa karta graficzna1" value="10.00" id="produkt1" onclick="UpdateCost()" />
      Radio</label>
    <br />
    <label>
      <input type="radio" name="nazwa karta graficzna2" value="20.00" id="produkt2" onclick="UpdateCost()" />
      Radio</label>
  </p>
  <p>
    <label>
    <input type="radio" name=" nazwa procesor1" value="10.00" id="produkt3" onclick="UpdateCost()" />
Radio</label>
    <br />
    <label>
    <input type="radio" name="nazwa procesor2" value="20.00" id="produkt4" onclick="UpdateCost()" />
Radio</label>
    <br />
  </p>
</form>
[HTML] pobierz, plaintext 

Funkcja JS aktualizująca cenę.

Kod

function UpdateCost() {
  var sum = 0;
  var gn, elem;
  for (i=0; i<25; i++) {
    gn = 'produkt'+i;
    elem = document.getElementById(gn);
    if (elem.checked == true) { sum += Number(elem.value); }
  }
  document.getElementById('totalcost').value = sum.toFixed(2);
}

Powód edycji: [erix] na przyszłość używaj bbcode

[erix]

Nie wiem jak to zrobić na tym radio, żeby można było wybierać.

Zrób wspólne name. A kilka wartości w value zapisuj w formacie aa|bb, potem użyj split.

[TomaszW]

tzn jak dokładnie z tym split? możesz podac jakis przykład tak bedzie latwiej ja nieco zielony jestem. Pozdrawiam

[erix]

http://lmgtfy.com/?q=javascript+split

[TomaszW]

Ok coś już mam...

[HTML] pobierz, plaintext 
var myString = "elem.value"; ///poniewaz chcę edytować parametr value będzie w value np. nazwa,cena
var mySplitResult = myString.split(",");
document.write( + mySplitResult[1]);
[HTML] pobierz, plaintext 

tyko jak to podczepić pod:

[HTML] pobierz, plaintext 
function UpdateCost() {
  var sum = 0;
  var gn, elem;
  for (i=0; i<25; i++) {
    gn = 'game'+i;
    elem = document.getElementById(gn);
    if (elem.checked == true) { sum += Number(elem.value); }
  }
  document.getElementById('totalcost').value = sum.toFixed(2);
}
[HTML] pobierz, plaintext 

Słaby jestem z tego... więc proszę o pomoc.

Ten post edytował TomaszW 21.03.2009, 19:45:48

[erix]

sum += Number(elem.value);

Z value przypisujesz jakiejś zmiennej w tej pętli. Korzystasz z parseInt, jako argument np. pierwszy element tablicy zwróconej przez split.

[TomaszW]

Bardzo fajnie napisane ale dla kogoś prawie ze zielonego te słowa na prawde nic nie daja... hmm może jakoś bardziej naprowadzisz?

[erix]

[HTML] pobierz, plaintext 
<input type="radio" name="nazwa" value="20.00|procesor2" id="produkt4" onclick="UpdateCost()" />
[HTML] pobierz, plaintext 

:

[PHP] pobierz, plaintext 
<?php
var data = document.getElementById('produkt4').value;   // przykładowe odwołanie do radio; może być inne - data przechowuje po prostu wartość z value
data = data.split('|');    // kroi nożem wg linii;)
 
//data[0] - 20.00
//data[1] - procesor2
 
//żeby było prawidłowo traktowane 20.00 jako liczba:
liczba = parseFloat(data[0]);
//i możesz sobie dodawać, jak chcesz
?>
[PHP] pobierz, plaintext 

[TomaszW]

wielkie dzieki pozdrawiam serdecznie