asked on

CHECKBOX STATE JAVASCRIPT FUNCTION

Hi Experts,

I am trying to produce a function which checks to see whether a checkbox within a form is either checked or unchecked. The function is to be called from the checkbox itself so when the checkbox is clicked the function works out whether the checkbox has just been checked or unchecked. WHat I have written so far is as follows:

<script language="javascript">

</script>

and the checkbox code is as follows:

<form action="confirmDetails.asp" method="post" name="detailsForm" onSubmit="return checkDetails()">
<input type="checkbox" name="travelInsurance" value="checkbox" onClick="travelIns();" checked>
</form>

It's not behaving as I expected. The function always returns "it's not checked" - any ideas?

PJORDANNA

ASKER CERTIFIED SOLUTION

knightEknight

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

apparition

cLFlaVA

Two things:

You're writing to the document after it's already been established. This could be part of the problem. As the two people above mentioned, you should alert it instead. Like this:

function travelIns() {
frmVal = document.detailsForm;
if (frmVal.travelInsurance.checked) {
alert("it's checked");
} else {
alert("it's not checked");
}
}

The second point I want to make is that you first test if it's checked, then again test if it's not checked, with a second if. This can be accomplished with one if statement, using the else clause.

Hope this helps.

sreekanth_k77

<HTML>
<HEAD>
<TITLE>Test Checkbox and Radio button </TITLE>
<SCRIPT LANGUAGE="javascript">
function showHide(sStatus)
{
//alert(document.frmTest.chkShow1.checked)
      if (sStatus == 1)
      {
       if ( document.frmTest.chkShow1.checked)
       alert("Yeh, first checkbox is checked")
       else
       alert("Ooopps, first checkbox is unchecked")
      }
      else
      {
if ( document.frmTest.chkShow2.checked)
       alert("Yeh, Second checkbox is checked")
       else
       alert("Ooopps, Second checkbox is unchecked")
      }
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME = "frmTest">
<INPUT TYPE = "checkbox" NAME = "chkShow1" onClick = "showHide(1)" > Show Div area <br>
<INPUT TYPE = "checkbox" NAME = "chkShow2" onClick = "showHide(2)" > Hide Div area <br>
</FORM>
</BODY>
</HTML>