Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Checkbox Value Problem

Status
Not open for further replies.
ThomasE

ThomasE

Technical User
Nov 20, 2002
12
0
0
AU
I am trying to write the checkbox value into another popup window but it does not work in Netscape 7. I get an error in the javascript console saying.... ' document.all has no properties '. Below is an example of the section of code I am using.

list += &quot;</table>&quot;;
var nametitle = &quot;&quot;;
if(document.all.MR.checked) { nametitle = &quot;Mr.&quot;; }
if(document.all.MISS.checked) { nametitle = &quot;Miss.&quot;; }
if(document.all.MRS.checked) { nametitle = &quot;Mrs.&quot;; }

along with....

list += &quot;<html><body><font color='#ff9900' face='Verdana, Arial, Helvetica' size='2'>Title<br><font color='#000000' face='Verdana, Arial, Helvetica' size='2'><hr size=\&quot;1\&quot; width=\&quot;100%\&quot;>&quot; + &quot;Name: &quot; + nametitle + &quot;<br>&quot;;

Any help would be greatly appreciated.
 
Sort by date Sort by votes
Replace all &quot;
Code: 
document.all.xx
&quot; that are IE specific by &quot;
Code: 
document.getElementById(&quot;xx&quot;)
&quot; that is compatible with all latest browsers Water is not bad as long as it stays out human body ;-)
 
Upvote 0 Downvote
Thanks Targol,

list += &quot;</table>&quot;;
var nametitle = &quot;&quot;;
if(document.getElementById(&quot;MR&quot;) { nametitle = &quot;Mr.&quot;; }
if(document.getElementById(&quot;MISS&quot;) { nametitle &quot;Miss.&quot;; }
if(document.getElementById(&quot;MRS&quot;) { nametitle = &quot;Mrs.&quot;; }

I am still getting an error in the NS console saying

Error: missing ) after condition

I have also tried this....but get the same message

list += &quot;</table>&quot;;
var nametitle = &quot;&quot;;
if(document.getElementById(&quot;MR&quot;).checked={ nametitle = &quot;Mr.&quot;; }
if(document.getElementById(&quot;MISS&quot;).checked={ nametitle = &quot;Miss.&quot;; }
if(document.getElementById(&quot;MRS&quot;).checked={ nametitle = &quot;Mrs.&quot;; }

Can you tell me what is wrong with the code

Thanks
 
Upvote 0 Downvote
Can anyone please help with this problem as it is really urgent.......Thank You
 
Upvote 0 Downvote
Hi ThomasE
Please try the code below. It should work fine. I have added try catch code just to ensure it does not throw any error message.

var nametitle = &quot;&quot;;
function showTitle()
{
try{
if(document.getElementById(&quot;MR&quot;).checked == true) { nametitle = &quot;Mr.&quot;; }
if(document.getElementById(&quot;MISS&quot;).checked == true) { nametitle = &quot;Miss.&quot;; }
if(document.getElementById(&quot;MRS&quot;).checked == true) { nametitle = &quot;Mrs.&quot;; }
alert(nametitle);
} catch(e){}
}

However i don't know why are you using checkbox for this. Instead you should use radio buttons as at any given time a person will select either of one available choices (MR, MISS, MRS). Additional advantage of using radio buttons is that you don't have to use getElementById and look for checked, you can simply use radio button name to get the checked value.

Hope this will help you [bigcheeks] Experience teaches slowly and at the cost of mistakes [pipe]
 
Upvote 0 Downvote
Hey thanks Raxg,

If I use radio buttons do I need to use a list like below except with radio buttons or does it write the value like a text field or option box does?

list += &quot;</table>&quot;;
var nametitle = &quot;&quot;;
if(document.all.MR.checked) { nametitle = &quot;Mr.&quot;; }
if(document.all.MISS.checked) { nametitle = &quot;Miss.&quot;; }
if(document.all.MRS.checked) { nametitle = &quot;Mrs.&quot;; }

If I do not need to create a list like above how would the code be written.

Appreciate your help
 
Upvote 0 Downvote
<select id=&quot;nameTitle&quot; name=&quot;nameTitle&quot;>
<option value=&quot;Mr.&quot;>Mr</option>
<option value=&quot;Miss.&quot;>Miss</option>
<option value=&quot;Mrs.&quot;>Mrs</option>
</select>

 
Upvote 0 Downvote
palbano........is that HTML or is it the javascript code that I need to add into the script??

and do I need to add it into the lines of code that refer to the other text fields etc as shown below.

list += &quot;<html><body><font color='#ff9900' face='Verdana, Arial, Helvetica' size='2'>Title<br><font color='#000000' face='Verdana, Arial, Helvetica' size='2'><hr size=\&quot;1\&quot; width=\&quot;100%\&quot;>&quot; + &quot;Name: &quot; + nametitle + &quot;<br>&quot;;

thanks

 
Upvote 0 Downvote
Oh, thought you would get the rest.

Then your script would change to:

var nametitle = document.all.nameTitle.Value;

or

var nametitle = document.all.nameTitle[document.all.nameTitle.selectedIndex].Value;


-pete
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

198709km
  • Locked
  • Question
Grouping XML key value using XSLT
Replies
0
Views
116
198709km
198709km
amrmnabil
  • Locked
  • Question
React Problem
Replies
0
Views
81
amrmnabil
amrmnabil
TheLazyPig
  • Locked
  • Question
Limit rows based on column value
Replies
0
Views
47
TheLazyPig
TheLazyPig
bs6600
  • Locked
  • Question
Nested accordion problem
Replies
1
Views
57
bs6600
bs6600
deepumay15
  • Locked
  • Question
array input value how to replace decode value as Output using JavaScript code
Replies
1
Views
56
feherke
feherke

Part and Inventory Search

Sponsor

Back
Top