[js] pobieranie danych z input +radio Opcje

[shl]

Witam

Mam taki problem. Nie moge poradzic sobie z pobraniem wartosci z pola input ktore jest powiazane z polem radio

Mam 4 pola radio

[PHP] pobierz, plaintext 
<input name="szklo" type="radio" onchange="wyborszkla();"/>
<input name="cena" type="text" id="cenaa" size="3" />
 
<input name="szklo" type="radio" onchange="wyborszkla();"/>
<input name="cena" type="text" id="cenab" size="3" />
 
<input name="szklo" type="radio" onchange="wyborszkla();"/>
<input name="cena" type="text" id="cenac" size="3" />
 
<input name="szklo" type="radio" onchange="wyborszkla();"/>
<input name="cena" type="text" id="cenad" size="3" />
[PHP] pobierz, plaintext 

wartosci value dla input name=cena sa dodawane na podstawie wczesniej wpisanych danych w formularzu

[PHP] pobierz, plaintext 
var cenaa = document.getElementById("cenaa");
cenaa.value = zaokr((wys * szer * szkloa)/1000000);
[PHP] pobierz, plaintext 

i teraz potrzebuje w zaleznosci od zaznaczonego pola radio pobrac wlasnie ta wartosc pola input name=cena do dalszych dzialan obliczeniowych.
Dodalem funkcje wyborszkla()

[PHP] pobierz, plaintext 
function wyborszkla()
{
    szklo=document.getElementsByName("szklo");
    cena=document.getElementsByName("cena");
	dodatki = document.getElementById("wynik").value;
	cena_float = parseFloat(cena.value);
	suma = cena_float + dodatki;
	document.getElementById("sumazamowienia").value=suma;
}
[PHP] pobierz, plaintext 

i tu problem nie wiem gdzie mam blad, ze nie pobiera mi tej wartosci pola input name=cena

Prosze o wskazowki

Ten post edytował shl 4.03.2010, 11:47:41

[thek]

Czy ja jestem ślepy, czy może żaden z radio nie ma parametru value? (IMG:style_emoticons/default/winksmiley.jpg) Jedyne czym różnią się te 4 inputy to... uwaga... nie da się ich odróżnić. Jedyne różnice masz w inputach pod nimi i różnią się one wartością id. Twój efekt osiągniesz poprzez zostawienie w radio buttonac tego samego name (to już masz) i nadanie im różnych value. Nie zauważyłeś też, że inputy textowe mają ten sam name, co też jest błędem.

EDIT: Jaki tego efekt? Powiedz mi który input o name = cena skrypt ma wybrać jako ten prawidłowy?

[shl]

Kurcze (IMG:style_emoticons/default/smile.gif) sam nie wiem co i jak (IMG:style_emoticons/default/smile.gif) w js nie robilem prawie nic, wiec idzie mi to jak krew z nosa

ok zrobilem takie zmiany

[PHP] pobierz, plaintext 
 <input name="szklo" type="radio" value="a" onchange="wyborszkla();"/>
    <input name="a" type="text" id="cenaa" size="3" />
 
    <input name="szklo" type="radio" value="b" onchange="wyborszkla();"/>
	<input name="b" type="text" id="cenab" size="3" />
 
    <input name="szklo" type="radio" value="c" onchange="wyborszkla();"/>
	<input name="c" type="text" id="cenac" size="3" />
 
    <input name="szklo" type="radio" value="d" onchange="wyborszkla();"/>
	<input name="d" type="text" id="cenad" size="3" />
[PHP] pobierz, plaintext 

ale dalej nie umiem sie odwolac do wartosci ceny z pola (input text)

zmienilem cos w funkcji ale pewnie zle (IMG:style_emoticons/default/smile.gif)

[PHP] pobierz, plaintext 
function wyborszkla()
{
    szklo=document.getElementsByName("szklo");
	ktoracena = szklo.value;
    cena=document.getElementsByName("ktoracena");
	dodatki = document.getElementById("wynik").value;
	cena_float = parseFloat(cena.value);
	suma = cena_float + dodatki;
	document.getElementById("sumazamowienia").value=suma;
}
[PHP] pobierz, plaintext 

zamiar byl taki zeby po zaznaczeniu ktoregos radio funkcja wyborszkla() pobrala dla danego radio wartosc value z pola input text, ale cos robie nie tak

CZy ten zapis

[PHP] pobierz, plaintext 
    szklo=document.getElementsByName("szklo");
	ktoracena = szklo.value;
[PHP] pobierz, plaintext 

jest prawidlowy ? jesli tak to mniemam ze powinien zwrocic mi wartosc a lub b lub c lub d ?
pozniej chcialem zeby pobralo cene z pola o name = a lub b lub c lub d
tu zapis

[PHP] pobierz, plaintext 
	ktoracena = szklo.value;
    cena=document.getElementsByName("ktoracena");
[PHP] pobierz, plaintext 

i klops

[kamil4u]

Jeśli chodzi o pola typu radio najłatwiej zrobić tak:

Kod

<input name="test" value="a" type="radio" onchange="test(this.value);">a<br>
<input name="test" value="b" type="radio"onchange="test(this.value);">b

<script type="text/javascript">
function test(value){
alert(value);
}
</script>

Wynik z tego zapisz do jakieś zmiennej(załóżmy 'x'). Teraz, żeby dobrać się do elementu <input type="text" id="costam-iTuWartoscX"> - zrób tak:

Kod

var element = document.getElementById('costam'+x);
alert(element.value); //dostaniesz wartość pola value w zależności od x

Jeśli nie możesz skorzystać z pierwszego kodu musisz przelecieć każdy element z tablicy(bo taką dostaniesz po wpisaniu: tablica = document.getElementsByName('test'); ) i sprawdzić, czy jest jakiś zaznaczony, jeśli nie to lecieć dalej, a jeśli jest to skończyć pętlę i zapamiętać, który to z kolei element(np. w zmiennej i). Później za pomocą prostego kodu( tablica[i].value ), będziesz miał ten sam wynik co w pierwszym kodzie.

Pozdrawiam

[thek]

W takim razie powiem Ci, że szedłeś w dobrą stronę, ale w pewnym momencie się rąbnąłeś lekko. Gdzie? Ano w odwołaniu do inputa z ceną. Podejrzyj sobie z tą funkcja test podaną przez poprzednika co Ci zwraca on, a potem zamiast:
test( this.value )
użyj
test( document.getElementById( 'cena'+this.value ).value )
i pomyśl jak blisko w sumie byleś rozwiązania poprawnego (IMG:style_emoticons/default/smile.gif)

[shl]

Tak bylem blisko (IMG:style_emoticons/default/smile.gif) ale czasami jest sie tak blisko ze nie widzi sie rozwiazania

[PHP] pobierz, plaintext 
function wyborszkla(x){
	var wybranacena = document.getElementById('cena'+x).value;
}
[PHP] pobierz, plaintext 

wiec wasza pomoc byla niezbedna, za ktora oczywiscie dziekuje bardzo (IMG:style_emoticons/default/smile.gif)


a kozystajac z okazji chcialem podpytac jeszcze o jedna sprawe.

Jak (IMG:style_emoticons/default/smile.gif) dodac z sumowac rozne elementy formularza:
Mam 3 grupy:
1. radio (4szt.) --- to z ktorymi walczylem powyzej
2. checkbox (5szt.) tu poszlo latwiej sumowanie wartosci zaznaczonych checkboxow
3. radio (2szt.) --- tu analogia do przykladu ktory pomogliscie mi rozwiazac.

Teraz chcialbym zsumowac te trzy pod sumy ... z taka opcja ze w dowolnej kolejnosci mozna zmieniac zaznaczenia w poszczegolnych grupach.

[PHP] pobierz, plaintext 
function sumacalkowita()
{
var ceanaszkla = wybranacena;
var cenadodatkow = document.getElementById("wynik").value;
var cenadostawy = document.getElementById("wynikdostawa").value;
var sumacalkowita = cenaszkla + cenadodatkow + cenadostawy;
document.getElementById("sumazamowienia").value = sumacalkowita;
}
[PHP] pobierz, plaintext 

tylko teraz problem jak wywaolywac ta fukcje, przy dowolnej zmianie w dowolnym miejscu w tych 3 grupach ?

Ten post edytował shl 5.03.2010, 14:51:33

[kamil4u]

Poczytaj o zdarzeniach w js, a wszystko będziesz wiedział (IMG:style_emoticons/default/smile.gif)

[shl]

tak tak poczytalem (IMG:style_emoticons/default/smile.gif)

ale co dalej bo kazde zdarzenie przypisane jest konkretnemu elementowi formularza, kazdy z moich elementow juz ma przypisane takie zdazenie. Wiec czy dopisac kolejne? Bo u mnie to juz i tak duzo maja (IMG:style_emoticons/default/smile.gif) np:

[PHP] pobierz, plaintext 
onchange="liczpole(); liczcene();" onkeyup="podgladszer(this.form);"
[PHP] pobierz, plaintext 

czy moze jest ktores ze zdarzen odwoluje sie ogolnie do zmiany jakiego kolwiek elementu na stronie? (IMG:style_emoticons/default/smile.gif)

[kamil4u]

Ilość funkcji w zdarzeniu jest dowolna i tak musisz to zrobić (IMG:style_emoticons/default/smile.gif) - później będziesz dopisywał zdarzenia przez JS i będzie to wyglądało trochę inaczej: http://www.quirksmode.org/js/eventSimple.html (jak chcesz się uczyć to poczytaj na ten temat trochę więcej, na razie traktuj to jako ciekawostkę)

[shl]

dzieki za wskazowki ... wszystko poszlo jak z gorki (IMG:style_emoticons/default/smile.gif) kod moze nie tak idealny ale dziala, a to sie liczy (IMG:style_emoticons/default/smile.gif) przynajmniej dla mnie

Pzodrawiam i jeszcze raz dziekuje za pomoc