Checkbox with link

vickriz · July 17th, 2003, 02:11 AM

hi there again...
i have pick this code around the web by clicking the lick beside the checkbox it will be checked.

Code:

Javascript:
<!-- Begin: checkBox setOn when textclick
function changeBox(cbox) {
box = eval(cbox);
box.checked = !box.checked;
}//  End -->
HTML:
<form name="ccForm">
<input type="checkbox" name="ccNominatedBy">
<a class="chekbox" href="#" onClick="changeBox('document.ccForm.ccNominatedBy');return false">Checkit!</a><br>
<input type="text" name="ccNominaterLN">
<input type="text" name="ccNominaterFN">
<input type="text" name="ccNominaterMN">
</form>

what i want to do is.. at the same time; by clicking the link to check the box the 3 textbox also will turn disabled. how this will accomplished.. help code from anyone very much appreciated. thanks in advance..

Mabuhay!!!

lillu · July 24th, 2003, 08:00 AM

Here you go:

<html>
<head>
<script language="javascript">
function checkBox(cbox)
{
box = eval(cbox);
box.checked = !box.checked;

changeBox();
}
function changeBox()
{
  if (document.ccform.ccNominatedBy.checked == true)
  {
    document.ccform.ccNominaterLN.disabled=true;
    document.ccform.ccNominaterFN.disabled=true;
    document.ccform.ccNominaterMN.disabled=true;
  }
  else
  {
      document.ccform.ccNominaterLN.disabled=false;
    document.ccform.ccNominaterFN.disabled=false;
    document.ccform.ccNominaterMN.disabled=false;
  }
}

</script>
</head>
<body>

<form name="ccform">

<input type="checkbox" name="ccNominatedBy">

<a class="chekbox" href="#" onClick="checkBox('document.ccform.ccNominatedBy') ;return false">Check it!</a><br>

<input type="text" name="ccNominaterLN" id="text1" value="Type some text">
<input type="text" name="ccNominaterFN" id="text2" value="Type some text">
<input type="text" name="ccNominaterMN" id="text3" value="Type some text">

</form>
</body>
</html>

Lillu

The Purple Couch
http://www.geocities.com/lillamarta

lillu · July 24th, 2003, 10:19 AM

Hi again,

I enhanced the code a bit. Now it loops through the form and disables all elements that are textboxes (type == 'text')
It's more elegant and saves typing.

I used some standard notation this time (check1, text1 etc)

<html>
<head>
<script language="javascript">
function checkBox(cbox)
{
box = eval(cbox);
box.checked = !box.checked;

changeBox();
}
function changeBox()
{
var max = document.forms[0].elements.length; //count all the elements in the form

for (i=0; i<max; i++)
{
  element = document.forms[0].elements[i];

  if (document.form1.check1.checked == true)
  {
    if (element.type == "text")
    {
    element.disabled=true;
    }
  }
  else
  {
    element.disabled=false;
  } //end if
} // end for
} // end function
</script>
</head>
<body>

<form name="form1">

<input type="checkbox" name="check1">

<a class="chekbox" href="#" onClick="checkBox('document.form1.check1');return false">Check it!</a><br>

<input type="text" name="text1" id="text1" value="Type some text">
<input type="text" name="text2" id="text2" value="Type some text">
<input type="text" name="text3" id="text3" value="Type some text">

</form>
</body>
</html>

Lillu

The Purple Couch
http://www.geocities.com/lillamarta

vickriz · July 28th, 2003, 04:45 AM

Quote:

quote:Originally posted by lillu
Hi again,

I enhanced the code a bit. Now it loops through the form and disables all elements that are textboxes (type == 'text')
It's more elegant and saves typing.

I used some standard notation this time (check1, text1 etc)

<html>
<head>
<script language="javascript">
function checkBox(cbox)
{
box = eval(cbox);
box.checked = !box.checked;

changeBox();
}
function changeBox()
{
var max = document.forms[0].elements.length; //count all the elements in the form

for (i=0; i<max; i++)
{
element = document.forms[0].elements[i];

if (document.form1.check1.checked == true)
{
    if (element.type == "text")
    {
    element.disabled=true;
    }
}
else
{
    element.disabled=false;
} //end if
} // end for
} // end function
</script>
</head>
<body>

<form name="form1">

<input type="checkbox" name="check1">

<a class="chekbox" href="#" onClick="checkBox('document.form1.check1');return false">Check it!</a><br>

<input type="text" name="text1" id="text1" value="Type some text">
<input type="text" name="text2" id="text2" value="Type some text">
<input type="text" name="text3" id="text3" value="Type some text">

</form>
</body>
</html>

Lillu

The Purple Couch
http://www.geocities.com/lillamarta

hi lillu..
i just used the first code you give me because i have a lots of text box on my page. i just give you those part that used the script.

the result using that script u give was causing an error that appear to the status page: "Error on page"

Mabuhay!!!

lillu · July 29th, 2003, 06:47 AM

Hi vickriz,

Can you show me your whole implementation so that I can debug it?
My script is correct, I tested it so there must be an issue when it's
combined with yours.

Lillu

The Purple Couch
http://www.geocities.com/lillamarta