Dotaz: checkbox a zobrazení textarea

[Zdeněk]

Ahoj.

Mám html stránku s formulářem, na které když zaškrtnu checkbox, mohu psát do textarea. Pokud není zaškrtnuto, je text.pole zašedivělé. Potřeboval bych poradit, jak to udělat tak, aby teprve po zakšrtnutí checkboxu se to textové pole zobrazilo ?

Děkuji.

---

---

Odpovědi

[12345]

document.getElementById('id-checkbox').onchange = function () {
  document.getElementById('id-textarea').style.display = (this.checked ? 'block' : 'none');
};

[Zdeněk]

Ještě se zeptám, nejspíše hloupě.. Když potřebuju těch textboxů např 30.-> Jak to udělat abych nemusel mít 30x tento script? Jde to vubec v html aby to bylo použitelné ? Děkuji

[12345]

Za předpokladu, že checkboxes a textareas budou mít třeba takové id…

<input type="checkbox" id="toggle-1" />
<textarea id="toggle-1-textarea"></textarea>
<input type="checkbox" id="toggle-2" />
<textarea id="toggle-2-textarea"></textarea>
<input type="checkbox" id="toggle-3" />
<textarea id="toggle-3-textarea"></textarea>

…mohlo by stačit něco takového:

	var i, inputs = document.getElementsByTagName('input');
	for (i = 0; i < inputs.length; i++) {
		if (inputs[i].type == 'checkbox' && inputs[i].id.match(/^toggle-/)) {
			inputs[i].onchange = function () {
				document.getElementById(this.id + '-textarea').style.display = (this.checked ? 'block' : 'none');
			};
		}
	}