[HairySpider]

Hi all, I hope someone can help me

I need the style attribute of a textbox to change to

Code:

style = "Champ"

if the box is checked and

Code:

style = ""

if the box is not checked (i.e. unchecked after being checked). I am stuck on this. So far I have tried:

Code:

    <td rowspan="16" align="center" valign="middle" onclick="setfocusparents1()"><input type="text" name="parents1" class="" /><br />
      <input name="parents1champ" type="checkbox" id="parents1champ" onselect="checkparents1()" onchange="checkparents1()">Champion</input> </td>

with

Code:

<script type="text/javascript">
function setfocusparents1()
{
document.forms[0].parents1.focus()
}

function checkparents1()
{
document.forms[0].parents1.class = "Champ"
}
</script>

Those are the relivent parts of the page.

Any help greatly appreciated

Cheers, Luke

[Nico]

Try this.

Code:

<script type="text/javascript">
function setfocusparents1()
{
	document.forms[0].parents1.focus()
}

function checkparents1(val)
{
	var form = document.forms[0];
	var classname = val ? 'Champ' : '';

	form.parents1.setAttribute('class', classname);
	form.parents1.setAttribute('className', classname);
}
</script>

  <td rowspan="16" align="center" valign="middle" onclick="setfocusparents1()">
  		<input type="text" name="parents1" /><br />
      <input name="parents1champ" type="checkbox" id="parents1champ" onclick="checkparents1(this.checked)">Champion</input> 
	  </td>

[HairySpider]

Cheers mate It works perfectly!

[HairySpider]

Thanks, but I will be having about 100 input boxes on this page and I want each one to do this. I could write out the function 100 times, but I could I do something like this;

Code:

function checkparents1(val,field)
{
	var form = document.forms[0].field;
	var classname = val ? 'Champ' : '';

	form.parents1.setAttribute('class', classname);
	form.parents1.setAttribute('className', classname);
}

and then call it like this:

Code:

<input name="parents1champ" type="checkbox" id="parents1champ" onclick="checkparents1(this.checked,parents1)">Champion</input>

I cant seem to get that to work

Luke

[TwoD]

That won't work.
If you want to use a variable in a reference, you need to use [variable] instead of .variable or the browser will think you mean the property/object named "variable".
You also need to have the variable value as a string or index number.

Code:

function checkParents(checked,fieldName){
 var theField=document.forms[0][fieldName]
 if(!theField){
   return false; // No such field existed
 }
 var classname = checked = "Champ" : "";
  theField.setAttribute('class', classname);
  theField.setAttribute('className', classname);
}

<input name="parents1champ" type="checkbox" id="parents1champ" onclick="checkparents1(this.checked,'parents1')">Champion</input>

[HairySpider]

Thanks TwoD