Enable And Disable The Radio Buttons?

Feb 1, 2010

I've got 2 groups of radio buttons (one is a set of options, the other is a range of payment options). When certain options are selected, various payment options are enabled/disabled. How can this be done with javascript?Here is what I would like to see:

When option 1 is selected, all payment options enabled. (none disabled)
When option 2 is selected, payment options 1, 2, 3, 4 are enabled (5 & 6 disabled)
When option 3 is selected, payment options 1, 2, 3, 4 are enabled (5 & 6 disabled)
When option 4 is selected, payment options 1, 2, are enabled (3, 4, 5, 6 disabled)

OPTIONS

Code:

<input name="options" id="option1" value="option 1" type="radio" /> Option 1
<input name="options" id="option2" value="option 2" type="radio" /> Option 2
<input name="options" id="option3" value="option 3" type="radio" /> Option 3

[code]....

View 7 Replies


ADVERTISEMENT

Enable And Disable Fields Dont Work With Radio Buttons?

Jan 19, 2010

I have written probably a rigged way of disabling and enabling fields and radio buttons. The only problem is that when i add the radio buttons to turn on and off the input fields wont work any more.

<script language="javascript">
function enableField()
{

[code]....

View 3 Replies View Related

Enable/disable Array Of Submit Buttons?

Nov 22, 2011

Within my project, using PHP/HTML/Javascript, I am trying to set up a page where a corresponding submit button is enabled when a given checkbox is checked. What complicates my attempt is that the checkboxes and submit buttons are in the form of arrays. Here is a snippet of my code:

<form name="myform4" id="list_apps" method="post">
<?php
for ($i=0; $i<$num_rows;$i++)

[code]....

View 2 Replies View Related

When The User Select One Radio Button The Other Radio Buttons Should Disable?

Oct 21, 2011

I have a form with 4 radio buttons, the scenario is, when a user click on a radio button a hidden content will be displayed and the other three radio buttons will be disabled so that at one time a user can only click and view single radio button and the hidden content.Here is my code to show hide the hidden content but i need when the user select one radio button the other radio buttons should disable.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />[code]......

View 17 Replies View Related

Unable To Show Hide On Radio Buttons / Enable This?

Nov 9, 2009

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?[code]...

View 9 Replies View Related

OnChange Event - Textbox To Enable Radio Buttons

Jun 22, 2010

I have a form consisting of nine text fields (labelled 1-9) and nine radio buttons for each of the text fields. I want to enable the radio buttons when text is entered into the field corresponding to that particular radio button. Is there a way of achieving this using a JavaScript onChange event?

View 8 Replies View Related

Enable/Disable Text Fields With Radio Button?

Nov 12, 2008

I have a form that has three radio buttons. Each radio button, I have text input field. I want to be ale to check on whatever radio button, it will enable all text inputs fields for that radion button and disable the rest of the text field.Here is my form

Code:
Radio Button # 1
<input type="radio" name="paytype" id="radio" value="1" />

[code]....

View 3 Replies View Related

Radio Button With Text Field (Disable / Enable)

May 10, 2009

I have javasctipt,radio buttons, and textfield in default my textfield is disabled, and when any of radio buttons was click it is disabled also, but when the radio button of the textfield is click it will enable, it works fine and submit the correct data. When I went back to that page the radio button of the text field was checked (ok its fine because it has value) but it didnt show the value of the text field, and it is disabled. I want to repost the input...

Here's my code
index:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]">
<html xmlns="[URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body> .....

View 2 Replies View Related

Enable / Disable Checkboxes On Page When Radio Button Is Selected

Mar 18, 2011

I have written the following script which enables/disables checkboxes on my page when a radio button is selected.[code] What I would like to do is create another function called checkval() like below, which will check the value of my radio button (id: email_alerts). If the value is equal to "on" then it will run enableCheckboxes().

View 2 Replies View Related

Radio Buttons Disable Second Set With ID And Not Value

Mar 7, 2011

I have 2 groups of radio buttons..I can manage to make one set be disabled via a selection.. but i can only get this right with the VALUE...Is it possible to use the radio id to do the same?Just use the link below for they jquery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<html>
<head>

[code]....

View 5 Replies View Related

Create A Group Of Radio Buttons That Enable User To Select Whether To Maintain The Current Image

Aug 6, 2009

I'm trying to create a group of radio buttons that enable user to select whether to maintain the current image, remove the image or upload a new image. If user selects maintain the current image or remove the image, the upload field will be disabled, when user select upload a new image, the upload field will be enable. My script is as below but I do not get it work correctly, do you have any advice for me?

HTML Code:
<script type="text/javascript">
function Disab() {
frm=document.forms[0]
if(frm.change_voucher.checked)
{frm.img_voucher.disabled=false}
[Code]....

View 2 Replies View Related

Disable Radio Buttons In A Group

Mar 31, 2005

I made a quiz using radio, grouped with different names, my problem is that, I want a situation at which the visitor that takes the test will not be able to change the answer of an already answered question. Code:

View 4 Replies View Related

Disable Radio Buttons After Certain Amount Of Time?

Oct 17, 2009

i have following code

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

[code]....

above is the code of quiz which is created in php. that quiz is fine. the problem in in js script above the php script. what i want is when the time of 5 mins is completed then i want to disable all those radio buttons except submit button.

View 2 Replies View Related

Disable Certain Radio Buttons After Initial Selection?

Feb 3, 2010

I'm trying to get the following code to work. It's fine if there are only 2 sets, but once you add a 3rd or 4th it breaks. making a choice of either regular non-member or student member & then changing to another choice fails to disable the last button and also fails to clear selections.note that it is not a requirement that i use radio buttons for the disabled/enabled choices; they could be checkboxes instead.

Code:

<script language="JavaScript">
function Disab (val) {
if(val=="0")

[code]....

View 7 Replies View Related

Disable A Check Box Depending On Whether 1 Of 3 Radio Buttons Is Chosen By The User

Feb 24, 2009

I would like to disable a check box depending on whether 1 of 3 radio buttons is chosen by the user. As I am a js noob, I don't have any beginning code to start with.

View 7 Replies View Related

Using Visible/hidden Radio Buttons - Create Questionnaire Style Series Of Radio Buttons

Jul 13, 2010

I'm trying to create a questionnaire style series of radio buttons which are hidden and then a different set of radio buttons displayed depending on the previous answer. eg

Q1 Is it a man? (if select yes then display)

Q2 Is he called John? (if no then display)

Q3 Is he called Gary? and so on...

I've been testing using the code below but wondered if anyone had any ideas on how this could be done easily?

View 2 Replies View Related

Get Radio Button Validation For Different Sets Of Radio Buttons That Simply Contains Yes & No Buttons

Nov 28, 2009

I'm trying to get a radio button validation for different sets of radio buttons that simply contains Yes & No buttons.

Here's what I'm trying to do:

Question 1: if Yes, then (Alert 1) if No, then (Alert 2) (if Yes, then Question 2 appears) *Up to here I'm happy- can't figure out the rest*

Question 2: if Yes, then (Alert 1) if No, then (Alert 2) (if Yes, then Question 3 appears)

I need the Alerts to be swapped from this point*

Question 3: if Yes, then (Alert 2) if No, then (Alert 1) (if NO, then Question 4 appears)

Identical for Question 5, and for Last Question 6 Alerts swapped back again.)

Here's the script that I managed to piece together:

View 5 Replies View Related

Radio Buttons - Get The Image To Display Whenthey Click On The Radio Button

Feb 28, 2010

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.how to get the image to display whenthey click on the radio button?

View 3 Replies View Related

2 Radio Buttons And Submit - Make Each Radio Button Call A Different Page?

Jul 15, 2011

how I can make each radio button call a different page. For example If i click on radio button 1 and click submit it will take me to [url].... and if I click radio button 2 and click submit .

View 7 Replies View Related

Radio Buttons: Preventing The OnClick Event If The Radio Button Is Already Checked

Mar 23, 2009

I have a set of radio buttons each with an onclick event that has a numeric value. When the button is clicked an input box called "Total" is updated with the new value. The problem I'm having is that if a radio button is checked and one clicks on it again then the onclick event is triggered.

Is there any way to prevent the onclick event from triggering if the radio button is already checked?

View 2 Replies View Related

Jquery :: Radio Buttons And Submit - Selected Radio Button's Value To Be Inserted Into The Href Of The Link??

Jan 20, 2011

I have 3 radio buttons with the same name ("myradio"). The value of each is a different URL (eg. value="http:[url]...)I have a link underneath these (<a href="#">Send</a>). I would like the selected radio button's value to be inserted into the href of the link, and if the user selects a different radio button that this changes.

View 1 Replies View Related

Add The Two Selected Radio Buttons To Checkbox Buttons?

Apr 11, 2010

what i need to do to add all the radio botton and check box. i already finish the add formula on the checkbox but i do not know how to add the two selected radio buttons to my checkbox buttons.for example:

O selected is 80
O 60
O 60

O selected is 15
O 15
O 25[code].....

View 5 Replies View Related

Enable / Disable By Id

Jan 29, 2011

I have a form with pairs of checkboxes. When one is checked then I want to enable the other checkbox for that pair, and disable when unchecked. I can get this to work when I have a separate function for each pair, but not if I try to use one function and pass the id of the element.[code]

View 2 Replies View Related

Enable / Disable With Value

Feb 26, 2011

i've been looking online for a while for a code that would disable 3 text fields.[code] Was unable to find one. was only able to get it to do one of fields. What i'm try to do is have a checkbox to enable and disable a row and produce a value in the totalcalls box.

View 6 Replies View Related

Enable/disable One Alt Stylesheet, How To?

Jul 23, 2005

I have exactly one external, alternate stylesheet that I want to enable or disable by form controls, on one page only (not saved across pages).

I used:

<link rel="alternate stylesheet" id="style-compact" etc...>

<input name="view" type="radio"
onclick="document.getElementById('style-compact').disabled=false">

<input name="view" type="radio" checked="yes"
onclick="document.getElementById('style-compact').disabled=true">

Is this the best way to do it? I want to reference the alt-stylesheet by
name (or similar), not index.

It works in my Camino & Safari. In IE-Mac, I can enable the stylesheet,
but not (subsequently) disable it again -- parts of the page just
disappear.

View 1 Replies View Related

Enable - Disable <select>.

Jul 20, 2005

I've this code:

function checkdate(FormSubmit){
alert(document.getElementById('Mois').value);
if(eval(document.getElementById('Mois'))>0 &&
eval(document.getElementById('Annee'))>0){
document.forms['FormSubmit'].getElementByID('SELECTCONSTRUCTOR').disabled
= false; //can't reach the control here
}
else
{
document.forms['FormSubmit'].getElementByID('SELECTCONSTRUCTOR').disabled
= true; //can't reach the control here
}
}
....

<form name="FormSubmit" method="post" action="">
....
<select name="Mois" onChange=checkdate(this.form);>
....
<select name="Annee" onChange=checkdate(this.form);>
....
<select name="SELECTCONSTRUCTOR" disabled>

Now, what I would like, is to enable the SELECTCONSTRUCTOR if month and year
are selected (I mean different to 0).

I can't enable or disable. In fact I can't reach the control in the
checkdate function...

How can I enable/disable SELECTCONSTRUCTOR when my 2 fields are selected?

View 3 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved