pole input po naciśnieci checkboxa Opcje

[djsalat]

Chciałbym zrobić tak:

mam dwa pola input text

ale jedno jest dostępne a drugie zablokowane.

i teraz jak nacisnę checkboxa to chciałbym aby pierwsze pole zablokowało a drugie odblokowało:)

nie mogę znaleź na googlach jak to zrobić;/

domniemam jquery bedzie potrzebne??(IMG:style_emoticons/default/smile.gif)

[konole]

Javascript to nie tylko jquery.

[wookieb]

potrzebne informacje

javascript onclick
javascript getElementById
javascript disabled input

[krzysztof_kf]

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

[FlooX]

pierwszemu text inputowi dajesz np id="input1" a drugiemu id="input2"

i checkboxowi dajesz akcje onclick="document.getElementById('input1').disabled = true; document.getElementById('input2').disabled = false;"


@konole
javascript to nie tylko jquery, ale z jquery o wiele mniej pisania, szybciej i efektywniej (IMG:style_emoticons/default/smile.gif)

[konole]

@konole
javascript to nie tylko jquery, ale z jquery o wiele mniej pisania, szybciej i efektywniej (IMG:style_emoticons/default/smile.gif)

no ba. dobra, koniec off-topu. ;P

[djsalat]

pierwszemu text inputowi dajesz np id="input1" a drugiemu id="input2"

i checkboxowi dajesz akcje onclick="document.getElementById('input1').disabled = true; document.getElementById('input2').disabled = false;"


@konole
javascript to nie tylko jquery, ale z jquery o wiele mniej pisania, szybciej i efektywniej (IMG:style_emoticons/default/smile.gif)

No cos nie bardzo działa;/

[HTML] pobierz, plaintext 
<input type="checkbox" name="nazwa" value="wartość" onclick="document.getElementById('input1').disabled = true; document.getElementById('input2').disabled = false;" />
 
	<input type="text" id="input1"/>
 
	<input type="text" value="aaa" id="input2" />
[HTML] pobierz, plaintext 

[Van Pytel]

Kod

<script type="text/javascript">
function endisable( ) {
  if (document.forms['pierwsze'].elements['a1'].checked == true) {
    document.forms['pierwsze'].elements['a2'].disabled = true;
  }
    if (document.forms['pierwsze'].elements['a2'].checked == true) {
    document.forms['pierwsze'].elements['a1'].disabled = true;
  }

}
</script>

  <form action="jakisplik.php" id="pierwsze" method="post" >
<input type="radio" name="p1"  id="a1" value="cos1" onchange='endisable()'/>cos1
<input type="radio" name="p1"  id="a2" value="cos2" onchange='endisable()'/>cos2

[djsalat]

fajne ale jak raz sie zaznaczy to nie da rady później odznaczyć;/

[Van Pytel]

To jak Ty chcesz?

Jesli masz "radio" nie dasz rady zaznaczyć dwóch na raz.
Tutaj podalem przyklad, jesli ktoś wybierze A to juz nie moze zmienić - bo myslalem ze tak chcesz.
Jesli chcesz tak, ze moze zmieniac to bez blokowania.
Chyba ze masz 3 inputy to wtedy dodajesz kolejny warunek w JS.

Jesli masz text to tak samo robisz warunki. Gdzie C (text) domyslnie musi byc off

Ten post edytował Van Pytel 24.06.2010, 17:40:37

[djsalat]

[HTML] pobierz, plaintext 
<script type="text/javascript">
function endisable( ) {
  if (document.forms['formularz'].elements['checkbox'].checked == true) {
    document.forms['formularz'].elements['A'].disabled = true;
  	document.forms['formularz'].elements['A'].className = 'classa_zablokowanego_pola';
	document.forms['formularz'].elements['B'].disabled = false;  
  	document.forms['formularz'].elements['B'].className = 'classa_odblokowanego_pola'; 
  	document.forms['formularz'].elements['A'].value = '';
  }
  else {
  	document.forms['formularz'].elements['A'].disabled = false;  
  	document.forms['formularz'].elements['A'].className = 'classa_odblokowanego_pola';
  	document.forms['formularz'].elements['B'].disabled = true;
  	document.forms['formularz'].elements['B'].className = 'classa_zablokowanego pola';
  	document.forms['formularz'].elements['B'].value = '';	}
 
}
</script>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<form class="form" action="strona.php" id="formularz" method="post" >
 
<input type="checkbox" name="checkbox"  id="checkbox" value="true" onchange='endisable()'/>
<input type="text" name="A" id="A" class="classa_odblokowanego_pola" />
<input type="text" name="B" id="B" disabled="disabled" class="classa_odblokowanego_pola" />
 
 
 
[HTML] pobierz, plaintext