Setting a value to a hidden field

J

Jim

I have a 2 checkboxes and a hidden field..what I want to happen is
that you can only click on 1 of these checkboxes at a time and when
you check a checkbox it will assign the hidden field "txtreferral" a
value and when you uncheck the checkbox it will set the hidden field
value back to nothing ..I have the clicking on 1 check box at a time
down but when I try to add the code to assign the value to the hidden
field I get an error in the javascript console..heres my code so far:

The two checkboxes are named txtreferral1 and txtreferral2 here is the
code for txtreferral2....

onclick="if(txtreferral1.checked)txtreferral1.checked=!this.checked;txtreferral.value="EMPS""

thanks

-Jim
 
L

Lee

Jim said:
I have a 2 checkboxes and a hidden field..what I want to happen is
that you can only click on 1 of these checkboxes at a time and when
you check a checkbox it will assign the hidden field "txtreferral" a
value and when you uncheck the checkbox it will set the hidden field
value back to nothing ..I have the clicking on 1 check box at a time
down but when I try to add the code to assign the value to the hidden
field I get an error in the javascript console..heres my code so far:

The two checkboxes are named txtreferral1 and txtreferral2 here is the
code for txtreferral2....

onclick="if(txtreferral1.checked)txtreferral1.checked=!this.checked;txtreferral.value="EMPS""

1. What did the error message say?

2. Why use Javascript at all? Why not:
<input type="radio" name="txtreferral" value=""> None<br>
<input type="radio" name="txtreferral" value="OTHER"> Other<br>
<input type="radio" name="txtreferral" value="EMPS"> Emps<br>

3. Here's a very non-general solution:

Note that we don't care about the current state of the
other box or of the hidden value when a box is clicked.

<html>
<head>
<script type="text/javascript">
function boxclick(box,value){
var hidden=box.form.elements["txtreferral"];
if(box.checked){
var otherBoxName="txtreferral"+(3-box.name.charAt(box.name.length-1));
box.form.elements[otherBoxName].checked=false;
hidden.value=value;
}else{
hidden.value="";
}
}
</script>
</head>
<body>
<form>
<input type="checkbox" name="txtreferral1" onclick="boxclick(this,'OTHER')">
Other<br>
<input type="checkbox" name="txtreferral2" onclick="boxclick(this,'EMPS')">
Emps<br>
<input name="txtreferral" value="">
</form>
</body>
</html>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,483
Members
44,902
Latest member
Elena68X5

Latest Threads

Top