Checkboxes que vacían su valor en varios textboxes

thewayox · #1 (**permalink**) 31/10/2011, 02:40

Ok, tengo un código el cual debería hacer lo siguiente:

Cuando selecciono un checkbox, el valor de ese checkbox se vacía en el textbox, si lo de-selecciono se borra del textbox, si selecciono otro se adiciona y asi.

El código funciona perfectamente, solo que ahora necesito agregar otra fila de checkboxes con una nueva textbox... Aquí es donde se me complico pues ahora no logro independizar los textboxes.

Pueden ayudarme? Anexo código :D por cierto, ya le hice un par de modificaciones como queriendo ver si me funcionaba y pues nada... al verlo sabrán cuales modificaciones fueron.

Gracias de antemano!

Código HTML:

<html>
<head>
<script type="text/javascript">
	<!--			
	function updateArea1 (e) {
	document.getElementById('marca').value = '';
	for (var i=0; i<e.form.elements.length; i++){
		if (e.form.elements[i].type == 'checkbox' && e.form.elements[i].checked) {
			document.getElementById('marca').value += e.form.elements[i].nextSibling.data;
			document.getElementById('marca').value += ', ';
			}
		};
	}
	function updateArea2 (a) {
	document.getElementById('modelo').value = '';
	for (var j=0; j<a.form.elements.length; j++){
		if (a.form.elements[j].type == 'checkbox' && a.form.elements[j].checked) {
			document.getElementById('modelo').value += a.form.elements[j].nextSibling.data;
			document.getElementById('modelo').value += ', ';
			}
		};
	}
	// -->
</script>
<title>INCLUIR PRODUCTO</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<p align="center">INCLUIR PRODUCTO</p>
<form name="formIncluir" enctype="multipart/form-data" method="post" action="incluirM.php">
<table width="952" border="1" align="center" cellpadding="5" cellspacing="0">
<tr>
	<td width="250">Marca:</td>
	<td width="676">
	<label><input type="checkbox" onclick="updateArea1(this)">Fee</label>
	<label><input type="checkbox" onclick="updateArea1(this)">Fie</label>
	<label><input type="checkbox" onclick="updateArea1(this)">Foe</label>
	<label><input type="checkbox" onclick="updateArea1(this)">Fum</label>
	<br />
	<input type="text" id="marca" name="marca" size="54" readonly="readonly"></td>
</tr>
<tr>
	<td width="250">Modelo:</td>
	<td width="676">
	<label><input type="checkbox" onclick="updateArea2(this)">aaa</label>
	<label><input type="checkbox" onclick="updateArea2(this)">sss</label>
	<label><input type="checkbox" onclick="updateArea2(this)">ddd</label>
	<label><input type="checkbox" onclick="updateArea2(this)">fff</label>
	<br />
	<input type="text" id="modelo" name="modelo" size="54" readonly="readonly"></td>
</tr>
<tr>
	<td width="250">&nbsp;</td>
	<td width="676"><input type="submit" name="BIncluir" value="Incluir"></td>
</tr>
</table>
</form>
</body>
</html>