Adjusting form based on user input

**at_war_inside** · Feb 3, 2001 22:51

This is probably easy, but I flipped through the first 100 posts and couldn't find a similar question.

I would like to set up a form with multiple radio boxes in a table. The first row containing two selections, second containing 2..... Once the 1st row/column is selected, the 1st row/2nd column automatically displays the information from the first selection.

I am not necessarily looking for exact code on how to do this, just reference points to go to, and preferably suggestions on the best(meaning quickest) language to do this with.

TIA

**Drinky** · Feb 7, 2001 02:22

This should start you off.

Code:

<html>
<head>
<script>
<!--
function setValues(elm){
  var d = document.forms[0];
  switch (elm.name){
    case "r0":
      d.rr0[elm.value].checked = true;
      break;
    case "r1":
      d.rr1[elm.value].checked = true;
      break;
    case "r2":
      d.rr2[elm.value].checked = true;
      break;
  }
}
//-->
</script>
</head>
<body>
<form>
<table>
  <tr>
    <td>
      <input type="radio" name="r0" value="0" onClick="javascript:setValues(this);return true;"><br>
      <input type="radio" name="r1" value="0" onClick="javascript:setValues(this);return true;"><br>
      <input type="radio" name="r2" value="0" onClick="javascript:setValues(this);return true;"><br>
    </td>
    <td>
      <input type="radio" name="r0" value="1" onClick="javascript:setValues(this);return true;"><br>
      <input type="radio" name="r1" value="1" onClick="javascript:setValues(this);return true;"><br>
      <input type="radio" name="r2" value="1" onClick="javascript:setValues(this);return true;"><br>
    </td>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td>
      <input type="radio" name="rr0" value="0"><br>
      <input type="radio" name="rr1" value="0"><br>
      <input type="radio" name="rr2" value="0"><br>
    </td>
    <td>
      <input type="radio" name="rr0" value="1"><br>
      <input type="radio" name="rr1" value="1"><br>
      <input type="radio" name="rr2" value="1"><br>
    </td>
  </tr>
</table>
</form>
</body>
</html>

User Tag List

Thread: Adjusting form based on user input

Thread Tools

Display

Bookmarks

Bookmarks

Posting Permissions