Making text appear with javascript.

Hey everyone,

I am making an online quiz (school project) and basically I have 4 radio buttons (the options; multiple choice) and then an answer button. What I want is for the user to answer and submit it and then have javascript check the answer. I then want it to display an appropriate "correct" or "incorrect" below. This is what I have so far:

Expand|Select|Wrap|Line Numbers

 
<html xmlns='http://www.w3.org/1999/xhtml'>

<head>

<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />

<title>Networking Quiz :: #1</title>

<link href='core-style.css' rel='stylesheet' type='text/css' />

<link href='sub_style.css' rel='stylesheet' type='text/css' />
 
<script type='text/javascript'>

function check() {

  if(document.form1.term.value=='Answer'){

    document.getElementById('correct').style.display='block';

  }else{

    document.getElementById('incorrect').style.display='block';

  }

}

</script>

</head>
 
<body>

<center>

<div id='content'>

<div id='body'>

<div id='question'>

1/39

</div>

<hr width='90%'>

<div class='body_head'>

Definition

</div>

<div class='main_text'>

Used to connect to an ethernet network.

  </div>

<div class='body_head'>

Terms

</div>

<div class='review_text'>

<form name='form1' id='terms' method='get' action=''>

<input type='radio' name='term' value='Answer'>Network Interface Card (NIC)<br />

<input type='radio' name='term' value='2'>Bluetooth<br />

<input type='radio' name='term' value='3'>Voice Over Internet Protocol (VoIP)<br />

<input type='radio' name='term' value='4'>Internet

<p><input type='button' value='Answer!' name='answer' onclick='check();'></p>

</form>

</div>

</div>

<hr width='90%'>

<div id='correct' style="display:none;">

<div id='answer'>

Correct  Correct

</div>

<div id='button'>

<a href='switch.php'>Next</a>

</div>

</div>
 
<div id='incorrect' style="display:none;">

<div id='answer'>

Incorrect!!!! Incorrect!!!!!

</div>

<div id='button'>

<a href='switch.php'>Next</a>

</div>

</div>

</div>

</center>

</body>

</html>

All this does is come up with "incorrect" every time no matter what option is selected (check it out at www.cwilliams.ca/networking/nic.php). Any help would be GREATLY appreciated.

Jan 24 '08 #1

Subscribe Post Reply

1956

acoder

16,027

Expert Mod 8TB

Use the checked property to determine which radio button has been selected.

Just a note: ids should be unique within a page. You have some duplicate IDs.

Jan 24 '08 #2

computerkid101

Thanks a ton!! That worked beautifully!

Jan 25 '08 #3

acoder

16,027

Expert Mod 8TB

You're welcome. Post again if you have any more questions.

Jan 25 '08 #4

Similar topics

IE6: setInterval, this==window arrgh

by: Richard A. DeVenezia | last post by:

At line this.timerId = setInterval (function(){this.step()}, 100) I get error dialog Error:Object doesn't support this property or method. If I change it to this.timerId = setInterval...

Javascript

making a text field mandatory?

by: MT | last post by:

Hi all, this sounds like an easy enough thing to do, but after spending 45 minutes searching google and various javascript sites I can't find out how to make a textfield (textbox or whatever you...

Javascript

making div appear on dropdown selection

by: middletree | last post by:

For an ASp Intranet app, I have some code that should work, but I am not able to make it happen for some reason, after spending considerable time on this. I am pretty thick when it comes to...

Javascript

Making a text appear/dissapear (button [+] and [-])

by: tarmstrong | last post by:

Hi. I would like to create a link next to a caption, and when user clicks it, a new text appears and becomes . And when users clicks , it becomes and the text dissapears. I don't...

Javascript

FireFox, RemoveChild, AppendChild, making width grow?

by: Stewart | last post by:

Originally posted in comp.lang.javascript: Newsgroups: comp.lang.javascript From: "Stewart" Date: 23 Aug 2005 02:50:04 -0700 Local: Tues, Aug 23 2005 10:50 am Subject: FireFox, RemoveChild,...

HTML / CSS

Making a table display in a new window

by: bigmaddaz | last post by:

Ok im designing an application for working out compount interest. The user starts the page, 3 prompts appear, one asking for money invested, next asking for rate of interest, and last one asking for...

Javascript

Issue making textbox visible based on specific input from a radio button list in an EditItemTemplate

by: Dan | last post by:

Issue making textbox visible based on specific input from a radio button list in an EditItemTemplate I want to setup a gridview that when in edit mode and when the user selects "Other" from a...

ASP.NET

IE6 not displaying text correctly - IE 7 & Firefox 3 are fine!

by: littlealex | last post by:

IE6 not displaying text correctly - IE 7 & Firefox 3 are fine! Need some help with this as fairly new to CSS! In IE6 the text for the following page doesn't display properly - rather than being...

HTML / CSS

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General