JavaScript - When 3 Radio Buttons Are Selected, Show Div

I have a issue - i'm hiding and showing div's when the radio is clicked but currently you have to click twice for the div to show - what am i doing wrong?

onclick="showDetails('seb')"

and my javascript is

Code:

function showDetails(divName)
    {
        var divstyle = new String();
        divstyle = document.getElementById(divName).style.visibility;
        if(divstyle.toLowerCase()=="visible" || divstyle == "")
        {
            document.getElementById(divName).style.visibility = "hidden";
			document.getElementById(divName).style.display = "none";
        }
        else
        {
            document.getElementById(divName).style.visibility = "visible";
			document.getElementById(divName).style.display = "inline";
        }
    }

Hi,

I have 4 radio buttons with separate div(s)

I need to click on each radio button to show particular div(s) but I am not getting correct result Lease help

HTML Code
----------

<input type="radio" name="list_prefer_c" id="list_prefer_c" value="1" onClick=\"get_radio_value(1);\" >

<input type="radio" name="list_prefer_c" id="list_prefer_c" value="2" onClick=\"get_radio_value(2);\" >

<input type="radio" name="list_prefer_c" id="list_prefer_c" value="3" onClick=\"get_radio_value(3);\" >

<input type="radio" name="list_prefer_c" id="list_prefer_c" value="4" onClick=\"get_radio_value(4);\" >

<div id="div1" style="display:none">
Facilities Management
</div>

<div id="div2" style="display:none">
<div style="font-weight:bold">Facilities Management, Contracting, MEP, Hydraulic Valves, trading etc…
</div>

<div id="div3" style="background-color:#00B0F0;display:none">
Facilities Management, Contracting, MEP, Hydraulic Valves, trading etc…
</div>

<div id="div4" style="background-color:#00B0F0;display:none">
Facilities Management,Contracting, MEP, Hydraulic Valves, Plumping, LV Switching, Fire alarm & Fire Fighting Trading etc…
</div>

JSCode
--------
function toggleLayer(val)
{
if(val == 1)
{
document.getElementById('div1').style.display = 'block';
document.getElementById('div2').style.display = 'none';
document.getElementById('div3').style.display = 'none';
document.getElementById('div4').style.display = 'none';
}

else if(val == 2)
{
document.getElementById('div1').style.display = 'none';
document.getElementById('div2').style.display = 'block';
document.getElementById('div3').style.display = 'none';
document.getElementById('div4').style.display = 'none';
}

else if(val == 3)
{
document.getElementById('div1').style.display = 'none';
document.getElementById('div2').style.display = 'none';
document.getElementById('div3').style.display = 'block';
document.getElementById('div4').style.display = 'none';
}

else if(val == 4)
{
document.getElementById('div1').style.display = 'none';
document.getElementById('div2').style.display = 'none';
document.getElementById('div3').style.display = 'none';
document.getElementById('div4').style.display = 'block';
}
}

Please follow these steps in my jsfiddle:

1. click on the (open grid) link and select option "13", buttons A to N would appear

2. click on the select all answers button, all buttons A to N would turn green.

3. Now click on the open grid again and select option "5". As you can see all the buttons from A to 5 are now selected (Have all turned green).

4. Now go back to grid and choose option 13. As you can see all buttons A to N would be selected. I don't want this to happen. What should happen is that the 5 buttons selected before the option change should remain selected and the other 8 buttons should go back being unselected, but I do not know how to do this.

I tried including this in the selectAll() function but it did not work:

Code:

$('.answerBtns:hidden').removeClass('answerBtnsOn').addClass('answerBtnsOff');

Does anyone have any ideas? Code is in jsfiddle, click [here][1]

Thank You


[1]: http://jsfiddle.net/C7vcQ/5/

Hi Experts .. not sure if this is the right forum. However here is my question:

I have a date field with 25 values (prepopulated Radio Buttons) where we are asking the members to select one day to volunteer. Once a member selects a day we would like to disable that Radio button value (Greyed out) for other members. So basically out of 25 available days we would like to disable values as soon as a member selects one.

The field is on a classic ASP form with SQL Server backend.

How can I accomplish the above? Please advice.

Regards
Vinny

Greetings Programmers. I'm a graphics artist by trade but I also dabble in web design. I registered to this forum because I need your help.

I've been handed a web project at work - to build an intranet site. My coding skills in HTML are sufficient to get the job done and I can plug in some JS and trobleshoot where needed but I've hit a wall with regard to one seemingly simple piece of code - I can't find a script anywhere that will generate a radio button that will, once selected, stay that way pretty much forever...or until I delete the listing on the page where these buttons will sit.

I realize this isn't the concept behind these buttons but I need it to function this way because I'd like it to serve as a quick visual notification that a given employee review has been completed. These reviews will remain online for up to several months because there will be three reviews per employee over the course of that time. The selected buttons will indicate the reviews that are complete while the unselected ones will indicate which ones are still pending. I'd like the various levels of management viewing this information to know instantly, via the buttons, where we are with these reviews.

So, that's my question, can a radio button be scripted to stay selected indefinitely once it's been clicked on?

Thank you in advance for any help. It's greatly appreciated.

- Sgt. Spanky

When a particular radio option is selected and the user presses the submit button, based on what is selected I want a particular lightbox to popup [like an alert].

The JavaScript below is what I used to turn images I created into radio buttons so I could have my own custom styles instead of using the default DOM version.

Any help is appreciated.



Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<LINK REL=StyleSheet HREF="global.css" TYPE="text/css" MEDIA=screen>
<script type="text/javascript">

// Leave next 2 lines as is. Customization is a few lines down.
var RadioCheckedImage = new Image();
var RadioUncheckedImage = new Image();

// Customization section:
// Specify the relative or absolute URL of each image. Examples:

RadioCheckedImage.src = "images/radio_on.png";
RadioUncheckedImage.src = "images/radio_off.png";

// No other customizations needed.
function RadioClicked(radioid,radiosetname,formid) {
// - first, uncheck all radio buttons of the set
var form = document.getElementById(formid);
for( var i = 0; i < form.length; i++ ) {
   if(form[i].name == radiosetname) {
      document.getElementById(form[i].id).checked = false;
      document.getElementById("Image"+form[i].id).src = RadioUncheckedImage.src;
      }
   }
// - then, check the clicked button
document.getElementById(radioid).checked = true;
document.getElementById("Image"+radioid).src = RadioCheckedImage.src;
return false;
}
</script>
<script type="text/javascript">
$(document).ready(function(){
  $('#submit_button').click(function() {
    if (!$("input[@name='name']:checked").val()) {
       alert('Nothing is checked!');
        return false;
    }
    else {
		
      alert('One of the radio buttons is checked!');
    }
  });
});
</script>
</head>

<body>
	<div id="container">
	<img class="main_pic" src="images/cain.jpg" alt="..." />
        <img class="herman_slice" src="images/herman.png" alt="..." />
        <img class="cain_slice" src="images/cain.png" alt"..." />
        <img class="is_slice" src="images/is.png" alt="..."  />
        <img class="what_slice" src="images/what.png" alt="..."  />
        
		<!-- Form -->
		<span style="display:none;">
        <form id="MyFormID">
	    <input type="radio" name="thisradio" value="yes" id="RadioFieldID1">
            <input type="radio" name="thisradio" value="yes" id="RadioFieldID2">
            <input type="radio" name="thisradio" value="yes" id="RadioFieldID3">
            <input type="radio" name="thisradio" value="yes" id="RadioFieldID4">
        </form>
		</span>
        <!-- Start of Form -->
        <div class="radio_section">
        <img id="ImageRadioFieldID1" src="images/radio_off.png" name="solidworks" width="42" height="44" onclick="RadioClicked('RadioFieldID1','thisradio','MyFormID')" style="cursor:pointer;">
        <img class="smart_slice" src="images/smart_slice.jpg" alt="..."  />
		<img id="ImageRadioFieldID2" src="images/radio_off.png" name="solidworks" width="42" height="44" onclick="RadioClicked('RadioFieldID2','thisradio','MyFormID')" style="cursor:pointer;">
        <img class="smart_slice" src="images/dumb_slice.jpg" alt="..."  />
        <img id="ImageRadioFieldID3" src="images/radio_off.png" name="solidworks" width="42" height="44" onclick="RadioClicked('RadioFieldID3','thisradio','MyFormID')" style="cursor:pointer;">
        <img class="average_slice" src="images/average_slice.jpg" alt="..."  />
        <img id="ImageRadioFieldID4" src="images/radio_off.png" name="solidworks" width="42" height="44" onclick="RadioClicked('RadioFieldID4','thisradio','MyFormID')" style="cursor:pointer;">
        <img class="idk_slice" src="images/idk_slice.jpg" alt="..."  />
        </div>
		<!-- End of Form -->
        <img class="submit_btn" src="images/submit_btn.jpg" alt="..."  />
        
		
        
    </div>
</body>
</html>

Hey javascript newbie,

Im trying to figure out how to add different radio if its selected or not

example:

Radio_Button1 value="5": Selected
Radio_Button2 value="15": Not Selected
Radio_Button3 value="25": Selected
Radio_Button4 value="35": Selected

var addingitup = ??? and im lost????

hello, this is my first attempt in javascript. im trying to make custom radio buttons here is the code i have:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	
	<head>
		
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		
		<title>Untitled Document</title>
		
		<style type="text/css">
		
			.hide {display:none;}
		
			.radio {width:16px;height:16px;}
		
		</style>
		
		<script type="text/javascript">
			
			// declare variables or different states
			var off = 'images/check-off.png';
			var on = 'images/check-on.png';
			var radioImage = document.createElement('img');
			
			function replaceRadios(){
				
				var radios = document.getElementsByName('radio1');
				
				radios.type = 'radio'
				
				for (r = 1; r < radios.length; r++) {
					
					// if radio is checked configure the img src to var on
					if (radios[r].type = 'radio' && radios[r].checked) {
						
						radioImage.src = on;	
						radioImage.className= 'radio on';
								
					} else {
							
						// otherwise configure the img src to var normal/off and give it a class of radio
						radioImage.src = off;
						radioImage.className= 'radio off';

					}
						
					// give the image an id of radio
					radioImage.className = 'radio';
					
					radioImage.onclick= radioStates;
							
					radios[r].parentNode.insertBefore(radioImage,radios[r]);
						
					// hide the radio button to show image
					radios[r].className = 'hide';
				
					}
					
				}
					
				function radioStates(r) {
				
					var radios = document.getElementsByName('radio1');
				
					if (radios.checked = true) {
				
						radioImage.setAttribute("class", "radio on");
						radioImage.src = on;
					
					} else if (radios.checked = false) {
					
						radioImage.setAttribute("class", "radio off");
						radioImage.src = off;
						
					} else {
					
						radioImage.setAttribute("class", "radio off");
						radioImage.src = off;
						
					}
					
    			}	
		
				setTimeout("replaceRadios()", 0);
		
		</script>
		
	</head>
	
	<body>
	
		<form name="radiotest">
	
			<input type="radio"  id="radio1" class="radio" name="radio1" />
	
			<input type="radio"  id="radio2" class="radio" name="radio1" />
	
			<input type="submit" id="submit" name="submit" />
	
		</form>
	
	</body>

</html>

If anyone could help me, I would greatly appreciate it.

On my website I have a radio button as any other normal radio button.

<input type="radio" name="crime" value="4" id="4" class="submit">

is there any way to get rid of this radio button and click something for example
<tr>
<td>Blah blah</td>
<td>Blah Blah</td>
</tr>

is there any code i can put in the <tr> tag so if i click that section it will act as a radio button and when its selected change the background of the tr section.

I've been looking around and all the validation stuff I've seen doesn't work for what I have.

Here is what I am trying to do:
The user selects the Heads or Tails radio button for the first flip and then selects heads or tails radio button for the 2nd flip. The script then randomly flips two coins and compares it to what the user selected and if they are the same the user wins and if not then they lose.

So there would be 4 buttons total, two Heads and two Tails. The first set of Heads and Tails needs to be assigned to "guess1" and the 2nd set is "guess2".

So if the user clicks Tails for Flip1 and Heads for Flip2 then Tails is assigned to guess1 and Heads is assigned to guess2.

Right now the script just assumes the user is selecting heads for both flips.

Code:

<html> 
<head>
<title>Guess Two Coin Tosses</title>

<script>

function flip5(){
	
	//Input
	var guess1 = document.getElementById('guess1').value
	var guess2 = document.getElementById('guess2').value
	var flip1 = Math.floor(Math.random() * 2)
	var flip2 = Math.floor(Math.random() * 2)
	var outcomes

	if (flip1 == 0) flip1 = 'Heads';
		else flip1 = 'Tails';
	if (flip2 == 0) flip2 = 'Heads';
		else flip2 = 'Tails';

	//Processing
	if (flip1.toUpperCase() == guess1.toUpperCase()) {
	   if (flip2.toUpperCase() == guess2.toUpperCase()) 
	      outcomes = 'win win';
	   else 
	      outcomes = 'win lose';
	}
	else { // here we lost the first
	   if (flip2.toUpperCase() == guess2.toUpperCase())
	      outcomes = 'lose win';
	   else 
	      outcomes = 'lose lose';
	}

	//Output
	document.getElementById('flip1').value = flip1
	document.getElementById('flip2').value = flip2
	document.getElementById('outcomes').value = outcomes
}
	

</script>

</head>

<body>
<h3>Predict the Futu  Guess Two Coin Flips</h3>
Enter Heads for Heads, Tails for Tails! Case does not matter!
<p/>Your Guess for Flip-1: 
<input type=radio id="guess1" size="5" value="Heads" />Heads
<input type=radio id="guess1" size="5" value="Tails" />Tails
<p/>Your Guess for Flip-2: 
<input type=radio id="guess2" size="5" value="Heads" />Heads
<input type=radio id="guess2" size="5" value="Tails" />Tails
<p/>Flip-1: 
<input type="text" id="flip1"  size="5" value="???" />
<p/>Flip-2: 
<input type="text" id="flip2"  size="5" value="???" />

<p/><input type="button" value="Flip Two!" 
 onclick="flip5()" />
<p/>Outcomes: 
<input type="text" id="outcomes" size="20" value="" />
<hr>
</body>
</html>

I'm Confused.
My HTML:

<form action="mail.php" class="contactForm" name="cform" method="post">
<div class="left">
<h1>Insurance Details</h1>
<label>Type of Cover:</label>
.
.
.
<span class="gender-missing"><br />Please select your gender.<br /></span>
<label>Gender:</label>
<input class="radio" id="gender" name="gender" type="radio" value="Male" />&nbsp;Male&nbsp;&nbsp;
<input class="radio" id="gender" name="gender" type="radio" value="Female" />&nbsp;Female&nbsp;&nbsp;

Script.js:

$('.contactForm').submit( function(){
//statements to validate the form
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
var digitNum = /^([0-9])/;

var num1 = document.getElementById('tel');
var num2 = document.getElementById('mobile');
var email = document.getElementById('email');
var dollarUnit = document.getElementById('amount_cover');
var gender = document.getElementsById('gender');


if((document.cform.gender[0].checked== false)&&(document.cform.gender[1].checked== false))
{$('.gender-missing').show();
} else {$('.gender-missing').hide();}
if((document.cform.smoke[0].checked== false)&&(document.cform.smoke[1].checked== false))
{$('.smoke-missing').show();
} else {$('.smoke-missing').hide();}
if((document.cform.residency[0].checked== false)&&(document.cform.residency[1].checked== false))
{$('.residency-missing').show();
} else {$('.residency-missing').hide();}

if (!filter.test(email.value)) {
$('.email-missing').show();
} else {$('.email-missing').hide();}
if (document.cform.name.value == "") {
$('.name-missing').show();
} else {$('.name-missing').hide();}
if (document.cform.address.value == "") {
$('.address-missing').show();
} else {$('.address-missing').hide();}
if (!digitNum.test(num1.value)) {
$('.tel-missing').show();
} else {$('.tel-missing').hide();}
if (!digitNum.test(num2.value)) {
$('.mobile-missing').show();
} else {$('.mobile-missing').hide();}
if (!digitNum.test(dollarUnit.value)) {
$('.cover-missing').show();
} else {$('.cover-missing').hide();}
if (document.cform.message.value == "") {
$('.message-missing').show();
} else {$('.message-missing').hide();}
if ((document.cform.name.value == "") || ((document.cform.gender[0].checked== false) && (document.cform.gender[1].checked== false)) || ((document.cform.smoke[0].checked== false) && (document.cform.smoke[1].checked== false)) || ((document.cform.residency[0].checked== false) && (document.cform.residency[1].checked== false)) || (!digitNum.test(dollarUnit.value)) || (!filter.test(email.value)) || (!digitNum.test(num2.value)) || (!digitNum.test(num1.value)) || (document.cform.message.value == "")){
return false;
}

if ((document.cform.name.value != "") && ((document.cform.gender[0].checked == true) || (document.cform.gender[1].checked == true)) && ((document.cform.smoke[0].checked== true) || (document.cform.smoke[1].checked== true)) && ((document.cform.residency[0].checked== true) || (document.cform.residency[1].checked== true)) && (digitNum.test(dollarUnit.value)) && (digitNum.test(num1.value)) && (digitNum.test(num2.value)) && (filter.test(email.value)) && (document.cform.message.value != "")) {
//hide the form
$('.contactForm').hide();

//show the loading bar
$('.loader').append($('.bar'));
$('.bar').css({display:'block'});

//send the ajax request
$.post('mail.php',{coverType:$('#coverType').val(),
coverRequired:$('#coverRequired').val(),
amount_cover:$('#amount_cover').val(),
terms:$('#terms').val(),
message:$('#message').val(),
name:$('#name').val(),
gender:$('#gender').val(),
status:$('#status').val(),
Birth_month:$('#Birth_month').val(),
days:$('#days').val(),
years:$('#years').val(),
smoke:$('#smoke').val(),
residency:$('#residency').val(),
email:$('#email').val(),
address:$('#address').val(),
tel:$('#tel').val(),
mobile:$('#mobile').val()},

//return the data
function(data){
//hide the graphic
$('.bar').css({display:'none'});
$('.loader').append(data);
});

//waits 2000, then closes the form and fades out
setTimeout('$("#backgroundPopup").fadeOut("slow"); $("#contactForm").slideUp("slow")', 5000);
setTimeout('$(".contact").animate({"marginLeft": "-=963px"}, "slow")',4900);

//stay on the page
return false;
}
});
//only need force for IE6
$("#backgroundPopup").css({
"height": document.documentElement.clientHeight
});

mail.php code:
<?php
//declare our variables

$coverType = $_POST['coverType'];
$coverRequired = $_POST['coverRequired'];
$amount_cover = $_POST['amount_cover'];
$terms = $_POST['terms'];
$message = stripslashes(nl2br($_POST['message']));

$name = $_POST['name'];
$gender = $_POST['gender'];
$status = $_POST['status'];
$Birth_month = $_POST['Birth_month'];
$days = $_POST['days'];
$years = $_POST['years'];
$smoke = $_POST['smoke'];
$residency = $_POST['residency'];

$email = $_POST['email'];
$address = $_POST['address'];
$tel = $_POST['tel'];
$mobile = $_POST['mobile'];

//get todays date
$todayis = date("l, F j, Y, g:i a") ;
//set a title for the message
$subject = "Message from Your Website";
$body = "PERSONAL DETAILS \nFull Name: $name \nGender: $gender \nMarital Status: $status \nBirth Date: $Birth_month $days, $years \nHave you smoke in the past 12 Months? $smoke \nU.S. Residency for at least 12 Months? $residency \n\nCONTACT DETAILS\nEmail Address: $email \nAddress: $address \nTelephone #: $tel \nMobile Number: $mobile \n\nINSURANCE DETAILS\nCover Type: $coverType \nCover Required: $coverRequired \nAmount: $amount_cover \nTerms(Years): $terms \nMessage: \n$message";

$headers = 'From: '.$email.'' . "\r\n" .
'Reply-To: '.$email.'' . "\r\n" .
'Content-type: text/plain; charset=utf-8' . "\r\n" .
'X-Mailer: PHP/' . phpversion();

//put your email address here
mail("me@myemail.com", $subject, $body, $headers);
?>
<!--Display a thankyou message in the callback -->
<div id="mail_response">
<h3>Thank you for your interest <?php echo $name ?>!</h3><br />
<p>We have received your personal information and we will forward it to the next available insurance agent .You can expect to hear from us within 24 hours.</p>
<br /><br />
<h5>Message sent on: </h5>
<p><?php echo $todayis ?></p>
</div>

Problem is the thank you message loads in a new page. BUt if I delete this line: var gender = document.getElementsById('gender'); The form run properly, when submit button is click, it will hide the forms and replace by a thank you message but problem is the data send in the email is not the right value eg. in Gender: I select Female. BUt I receive Male as value. Why is that?
for live demo: http://gbv.lifeandhealthbenefits.com/
for full Script Code: http://gbv.lifeandhealthbenefits.com/js/scripts.js

I'm creating a unit converter program using radio buttons and i can't seem to get one aspect working. i can't seem to get another set of radio buttons to display. the way the program is supposed to work is there will be 3 radio buttons saying to convert length, weight, and volume. if the user selects to convert weight, another set of radio buttons will appear with 2 options, to convert from pounds to kilograms, or kilograms to pounds. then the user enters the number in a text box and clicks to convert button. my problem is getting the second set of radio buttons to display. I have no clue how to get this to work. to get a better understanding of whats going on, here is the program without the radio buttons that i created. i'm trying to use radio buttons in place of the prompting message.

Code:

<!DOCTYPE html>
<html>
    <head>
        <title> Conversions of Weight and Length</title>
        
        <script type="text/javascript">
        
        function clearMe() 
        { 
            var _s=top; 
            var _d=_s.document; 
            _d.open(); 
            _d.write(""); 
            _d.close(); 
        } 
        function main()
        {
                      
            
            var repeat = confirm("Do you want to perform another conversion ? \r" + "<p><b>Note:</b> Pressing OK allows for another conversion, and pressing CANCEL exits</p>");
            
            if(repeat==true)
                {
                    convert();
                }
            else 
                {
                    alert("Your program has been terminated!");
                    self.close();            
                }
        }
            
        
       
        function convert()
        {
            var unit, direction, value, result, original_units, new_units;
            document.write("<br/><br/>")
            document.write("Weight and Length conversion menu" + "<br/><br/>");
            document.write("1. convert length" + "<br />");
            document.write("2. convert weight" + "<br />");
            document.write("3. convert volume" + "<br />");
              
                   unit = window.prompt("select conversion type: ");
              
              if ((unit<0) || (unit>3))
              {
                  alert("Select Menu option 1, 2, or 3!");
                  unit = window.prompt("Select conversion type: ");
              }
              switch (unit)
              {
                  case '1':
                     direction = choose_direction("<br /><br />1. Feet to meters<br />" , "2. Meters to feet <br />");
                      if (direction =='1')
                          {
                              original_units = "meters"; new_units = "meters";
                             
                          }
                          else {
                              new_units = "feet"; original_units = "meters";
                          }
                          break;
                  case '2':
                      direction = choose_direction("<br /><br />1. Pounds to kilograms <br />", "2. Kilograms to pounds <br /> <br />"); 
                      if (direction =='1')
                          {
                             original_units = "pounds"; new_units = "kilograms";
                             
                          }
                          else {
                              new_units = "pounds"; original_units = "kilograms";
                          }
                          break;
                  case '3':
                      direction = choose_direction("<br /><br />1. Gallons to liters<br />", "2. Liters to gallons <br /><br />");
                      if (direction =='1')
                          {
                             original_units = "gallons"; new_units = "liters";
                             
                          }
                          else {
                              new_units = "gallons"; original_units = "liters";
                          }
                          break;
                          
                          
              
              }
               value = window.prompt("Enter value to be converted:")
              
              
              switch(unit)
              {
                  case '1':
                      result = feet_meters(value, direction);
                      break;
                  case '2':
                      result = pounds_kilograms(value, direction);
                      break;
                  case '3':
                      result = gallons_liters(value, direction);
                      break;
              }
              document.write(value + original_units + " = " + result + new_units);
                          
        }
        function choose_direction(option1, option2)
        {
             var direction;
            document.write(option1);
            document.write(option2);
            do
            {
                window.prompt("Select a conversion direction");
                return direction;
            }
            while ((direction!='1') || (direction !='2'));
                              
        }
        function pounds_kilograms(value, direction)
        {
            if (direction == '1')
               return parseFloat(value)/parseFloat(2.2046);
            
            else
                return parseFloat(value)*parseFloat(2.2046);
        }
        function gallons_liters(value, direction)
        {
            if (direction == '1')
                return parseFloat(value)*parseFloat(3.7854);
            else
                return parseFloat(value)/parseFloat(3.7854);
        }
        function feet_meters(value, direction)
        {
            if (direction == '1')
                return parseFloat(value)/parseFloat(3.2808);
            else
                return parseFloat(value)*parseFloat(3.2808);
        }
        
        </script>
    </head>
    <body>
        <h1> weight and length conversion </h1>
        <script type="text/javascript">
          convert();            
           main();
        </script>
        
    </body>
</html>

On my website I have a radio button as any other normal radio button.

<input type="radio" name="crime" value="4" id="4" class="submit">

is there any way to get rid of this radio button and click something for example
<tr>
<td>Blah blah</td>
<td>Blah Blah</td>
</tr>

is there any code i can put in the <tr> tag so if i click that section it will act as a radio button and when its selected change the background of the tr section.

Im trying to configuere a form that
a. a radio buttons that allow the user to choose between quarters, nickels, dimes and pennies.
and show image when click on my radio button
im confused on how to get the image to display whenthey click on the radio button

All,

I wish to allow the use of a checkbox based on which radio button is selected.

Pseudo Code:

IF RadioButton "Adult_or_Child"= Adult
Then Checkbox "Pensioner" = Available to click
End IF
Else
IF RadioButton "Adult_or_Child"= Child
Then Checkbox "Pensioner" = Not Available to click.
End If
As you can see, a person can be an adult and a pensioner but not a child and a pensioner.

Thanks for your help.


Dan