Check Box and blanking out

Tarbuza · Jan 11, 2003

I have the following display on the screen:

checkbox Item Name Condition Qty
Computer Usable 5
Monitor Unusable 3
Hard Drive Usable 6

Item Names and check boxes are displayed. User selects condtion from the drop down list which can be either Usable or Unusable. User types in Qty.

My question is if user selects computer and hard drive, if by mistake a user has selected condition for Monitor or typed qty for Monitor - it should blank out at the time of submission. Remember Condition and Qty are two separate fields. Item and Check box is one field. How can I associate Item name to condition and qty? How can I blank out the value for condition or qty for those items which are not selected?

Any helps would be greatly appreciated. Thanks in advance.

jemminger · Jan 11, 2003

here's one way:
[tt]
<html>
<head>
<title></title>

<script language="javascript">
// global element arrays
var arCB = [], arSel = [], arTF = [];

function initForm() {
e = document.forms[0].elements;
// set up arrays of element types
for (x = 0; x < e.length; x++) {
switch(e[x].type) {
case "checkbox":
arCB[arCB.length] = e[x];
e[x].index = arCB.length - 1;
break;
case "select-one":
arSel[arSel.length] = e[x];
break;
case "text":
arTF[arTF.length] = e[x];
break;
}
}

// attach function to checkboxes onclick
for (x = 0; x < arCB.length; x++) {
arCB[x].onclick = checkRow;
}
}

function checkRow() {
arSel[this.index].selectedIndex = 0;
arSel[this.index].disabled = !this.checked;
arTF[this.index].value = "";
arTF[this.index].disabled = !this.checked;
}
</script>

<style type="text/css">
</style>
</head>

<body onLoad="initForm();">
<form>
<table align="center" border="1">
<tr>
<th> </th>
<th>Item Name</th>
<th>Condition</th>
<th>Qty</th>
</tr>
<tr>
<td><input type="checkbox" name="cb" value="" /></td>
<td>Computer</td>
<td>
<select name="condition" disabled="true">
<option>Choose:</option>
<option>Usable</option>
<option>Unusable</option>
</select>
</td>
<td><input type="text" name="qty" size="3" disabled="true" /></td>
</tr>
<tr>
<td><input type="checkbox" name="cb" value="" /></td>
<td>Monitor</td>
<td>
<select name="condition" disabled="true">
<option>Choose:</option>
<option>Usable</option>
<option>Unusable</option>
</select>
</td>
<td><input type="text" name="qty" size="3" disabled="true" /></td>
</tr>
<tr>
<td><input type="checkbox" name="cb" value="" /></td>
<td>Hard Drive</td>
<td>
<select name="condition" disabled="true">
<option>Choose:</option>
<option>Usable</option>
<option>Unusable</option>
</select>
</td>
<td><input type="text" name="qty" size="3" disabled="true" /></td>
</tr>
</table>
</form>
</body>
</html>

[/tt]
=========================================================
if (!succeed) try();
-jeff

Tarbuza · Jan 13, 2003

Thanks a million for solution. I will implement tomorrow. If I have any further questions, I will need further help. Thanks again.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Check Box and blanking out

Tarbuza

Technical User

jemminger

Programmer

Tarbuza

Technical User

Similar threads

Part and Inventory Search

Sponsor