Accesing object properties programatically

[arturofonseca]

I have an event where attendants can register for online. This is 2 day event. I want to be able to disable the same lab on day2 when it has been selected on day1 (so attendants don't select the same lab on two different days).
This is the function I am using...

[HTML]function DisableOther(a){
var myD = a.name.substring(4, 5);
var myS = a.name.substring(6, 7);
var othD;
if (myD == 1){
othD = '2';
} else {
othD = '1';
}
var b = eval("document.frm01." + a.name);
var c = findButton(b);
eval("document.frm01.optD" + othD + "S" + myS + "[" + c + "].disabled = true");
if (c == 0){
eval("document.frm01.optD" + othD + "S" + myS + "[" + (c + 1) + "].disabled = false");
} else {
eval("document.frm01.optD" + othD + "S" + myS + "[" + (c - 1) + "].disabled = false");
}
}
function findButton(buttonGroup){
for (i=0; i < buttonGroup.length; i++) {
if (buttonGroup[i].checked == true) {
return i;
}
}
}

<input type="radio" name="optD1S1" id="optD1S1" value="D1S1-1" onClick="DisableOther(this)" />
<input type="radio" name="optD1S1" id="optD1S1" value="D1S1-2" onClick="DisableOther(this)" />
<input type="radio" name="optD2S1" id="optD2S1" value="D2S1-1" onClick="DisableOther(this)" />
<input type="radio" name="optD2S1" id="optD2S1" value="D2S1-2" onClick="DisableOther(this)" />[/HTML]

I know I shouldn't use eval but I don't know how to access the properties of the radio button group.
The above code is working on IE but not working on FF, any ideas??
Thanks...

[gits]

hi ...

yes :) ... you shouldn't (and needn't) use eval ... have a look at the following example:

// we have a part of your id
var id = 'optD1S';
 
// now we make the correct id (optD1S1)
var node_id = id + 1;
 
// refer to the node with node_id
var node = document.getElementById(node_id);
 
// setting the disabled attrib to disabled
node.setAttribute('disabled', 'disabled');
 
// remove the attrib
node.removeAttribute('disabled');
 

kind regards