Forum PHP.pl > [HTML][JavaScript]Checbox + blokowanie pola tekstowego

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]Checbox + blokowanie pola tekstowego

klapaucius

24.10.2012, 15:05:41

Jak zrobić najprościej w formularzu taki "bajer", że jest jakiś checkbox oraz pole tekstowe. I to pole tekstowe jest domyślnie zablokowane, jednak po zaznaczeniu checkboxa, by to pole tekstowe sie odblokowywało... ?

Swirek

24.10.2012, 15:07:51

html disabled="disabled"

[PHP] pobierz, plaintext 
if(element.checked==true)
js. element.disabled=false;
else
js. element.disabled=true;
[PHP] pobierz, plaintext

Mega_88

24.10.2012, 15:09:54

Tutaj masz ładnie wyjaśnione ( punkt: Dynamiczne blokowanie pól formularza )

http://www.kurshtml.edu.pl/html/pole_wyboru,formularze.html

klapaucius

24.10.2012, 16:34:19

dziękuję serdecznie!

A jeszcze pozwolę zadać jeszcze 1 pytanko w tym temacie. Mam takie oto pola wyboru:

[HTML] pobierz, plaintext 
<input type="radio" name="wybor" value="1" checked="checked" />Pole1
<input type="radio" name="wybor" value="2" />Pole2
<input type="radio" name="wybor" value="3" />Pole3
[HTML] pobierz, plaintext

I jak z poziomu JS pobrać wartość wyboru (1, 2 lub 3)? Bo coś takiego: document.form.elements['wybor'].value niestety nie pobiera wartości

Mega_88

24.10.2012, 16:52:13

O coś takiego chodzi ?

[PHP] pobierz, plaintext 
<input name="nazwa" onkeyup="document.getElementById('wartosc').innerHTML=this.value" id="nazwa" type="text" style="width:200px;">
<p id="wartosc"></p>
[PHP] pobierz, plaintext

klapaucius

24.10.2012, 17:14:42

Cytat(Mega_88 @ 24.10.2012, 17:52:13 )

O coś takiego chodzi ?

[PHP] pobierz, plaintext 
<input name="nazwa" onkeyup="document.getElementById('wartosc').innerHTML=this.value" id="nazwa" type="text" style="width:200px;">
<p id="wartosc"></p>
[PHP] pobierz, plaintext

chyba nie o to dokladnie. Po prostu chodzi mi o to, że mam powiedzmy 3 opcje, tak jakie jak napisałem wyżej i teraz w jakiejś funkcji JS muszę odnieść się do wybranej opcji. Tylko właśnie chcę pobrać wartość tej opcji, która jest zaznaczona...

Mam taki kod html:

[HTML] pobierz, plaintext 
    <input type="radio" name="wybor" value="1" checked="checked" />Pole1
    <input type="radio" name="wybor" value="2" />Pole2
    <input type="radio" name="wybor" value="3" />Pole3
[HTML] pobierz, plaintext

I jak teraz w javascripcie chociażby wyswietlic alert z treścią:

[HTML] pobierz, plaintext 
alert("zaznaczona opcja to "+[i jak tutaj wstawic wartosc tej wybranej opcji??])
[HTML] pobierz, plaintext

b4rt3kk

24.10.2012, 17:31:11

Cytat(klapaucius @ 24.10.2012, 18:14:42 )

[HTML] pobierz, plaintext 
    <input type="radio" name="wybor" value="1" checked="checked" />Pole1
    <input type="radio" name="wybor" value="2" />Pole2
    <input type="radio" name="wybor" value="3" />Pole3
[HTML] pobierz, plaintext

I jak teraz w javascripcie chociażby wyswietlic alert z treścią:

[HTML] pobierz, plaintext 
alert("zaznaczona opcja to "+[i jak tutaj wstawic wartosc tej wybranej opcji??])
[HTML] pobierz, plaintext

Z pomocą jQuery byłoby prościej.

[HTML] pobierz, plaintext 
$(function(){
  $('input[type=radio]').change(function(){
    alert($(this).val());
  });
});
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.