Checking Radio Buttons

[jdubwelch]

Okay... I have this set of 4 different radio buttons.  Each column is a set.  I want an error message to pop up when someone tries to select 2 radio buttons in the same row.  Is that possible?

[img]http://www.jwelchdesign.com/images/fourth.gif[/img]

[artacus]

Give each column the same value 1,2,3,4
[code]
function checkRadio() {
var status = new Array();
var radObj = document.getElementsByTagName('INPUT'); //actuall gets all input elements not just radio
for(var i=0; i<radObj.length; i++) {
  if(radObj[i].type == 'radio' && radObj[i].checked) {
      var colNum = radObj[i].value;
      if(status[colNum]) {
        alert('You cant select 2 in the same column'); return false;
      } else {
        status[colNum] = 1;
      }
  }
}
}
[/code]

[jdubwelch]

so, i would call that function on each radio button like this?

[code]<td width=\"27\" class=\"fourth\">
<input name=\"F1\" type=\"radio\" value=\"$row[bowl_name]\" onChange=(checkRadio(1)) $F1selected />
</td>
<td width=\"27\" class=\"fourth\">
<input name=\"F2\" type=\"radio\" value=\"$row[bowl_name]\" onChange=(checkRadio(2))$F2selected />
</td>
<td width=\"27\" class=\"fourth\">
<input name=\"F3\" type=\"radio\" value=\"$row[bowl_name]\" onChange=(checkRadio(3))$F3selected />
</td>
<td width=\"27\" class=\"fourth\">
<input name=\"F4\" type=\"radio\" value=\"$row[bowl_name]\" onChange=(checkRadio(4))$F4selected />
</td>[/code]

[artacus]

The function I wrote doesn't take any arguments. But you could probably just do it onSubmit(). Otherwise say user wants to select col 3 on row 2, if you check w/ onChange() it will throw an error because 3 is already selected in row 3. Otherwise you'd have to write a better function that unchecked 3 in row 3.