Option Calculator Form With Radio Buttons And Checkboxes
Aug 23, 2010
I am trying to make an option calculator for my site. The user will click on various radio buttons and checkboxes, before pressing the calculate button. The button will then add up all the values to show the overall figure. The code shown below is what I have so far.
Code:
function calcMe(){
for (var i=0; i < document.form.radio.length; i++){
if (document.form.radio[i].checked){
var rad_val = document.form.radio[i].value;
}} if (document.form.radio1.checked) {
document.form.result.value = rad_val;
} if (document.form.radio2.checked) { .....
The first javascript is to show the value of the radio button with the textfield attached - when the user puts a number in the textfield, it will update the value of the radio button. The second javascript is to check the document for the clicked radio buttons and checkboxes. It then adds up all the clicked values to show the answer. The problem that I am having is to put these two javascripts together so as the radio button is updated with the text field value as well as adding up all the clicked values.
View 1 Replies
ADVERTISEMENT
Jun 11, 2011
I am looking to build an expenditure calculator. What I am having problems with is I am using radio buttons to multiply form field values
[radio1] = x 1 (week)
[radio2] = x 4 (month)
[radio3] = x 52 (year)
So if you fill out a field and select [radio2] it multiplies the field by 4. If you then select [radio1] it reverts to the original value. Using JQuery what's the best way to do this. The issue I am having is I need to know the previous selected radio as well as the new one so I know whether to divide or multiply.
View 1 Replies
View Related
Nov 26, 2011
I am trying to create a form with radio buttons, when an option is selected and submitted it comes up with a message but i cant get it working. If the first radio button is selected I want the message class 1 and if the second class 2 etc
[Code]...
View 9 Replies
View Related
Jul 20, 2005
It is for checking out used radiobuttons or checkboxes.
<script
<!--
function pruefen(){return true}
-->
</script>
<script language="JAvaScript1.1"><!--
function pruefen(f){
[URL] .....
View 4 Replies
View Related
Feb 10, 2011
I'd like to ask a user to choose from one of two radio buttons. The first radio button will show three checkboxes. The second radio button does nothing.How do I do this?
View 9 Replies
View Related
Feb 27, 2009
Having trouble calculating the final cost of choices made by a user. I have 4 radio buttons and 2 checkboxes. The first three radio buttons are, all intensive purposes, chocolates with the last radio button stating that the user doesn't want any of the chocolates. The two checkboxes are a milkshake and candyfloss respectively. The user may only choose one of the three chocolates and optionally the milkshake, candyfloss or both.
What I have so far is as follows:
Javascript code
function calc(sec,val,item)
{
if(!item) {
var item = null;
}
switch(sec)
{
case 1:
Some code for a different function.
break
case 2:
cValue = parseInt(document.getElementById("purchaseTotal").value);
if(item.checked){
document.getElementById("purchaseTotal").value = cValue+val;
}else{
document.getElementById("purchaseTotal").value = cValue-val;
} break;
} }
html
<td>Chocolate 1: ZAR 5.00</td>
<td><input name="chocolate" type="radio" id="chocolate" value="" onClick="calc(2,5.00, this);">
</td>
<td> </td>
</tr>
<tr>
<td>Chocolate 2: ZAR 5.00</td>
<td><input name="chocolate" type="radio" id="chocolate" value="" onClick="calc(2,5.00, this);">
</td>
<td> </td>
</tr>
<tr>
<td>Chocolate 3: ZAR 1 200.00</td>
<td><input name="chocolate" type="radio" id="chocolate" value="" onClick="calc(2,5.00, this);">
</td>
<td> </td>
</tr>
<tr>
<td>I do not wish to buy a chocolate.</td>
<td><input name="chocolate" type="radio" id="chocolate" value="" onClick="calc(2,0, this);">
</td>
<td> </td>
</tr>
<tr>
<td>Milkshake: ZAR 13.00</td>
<td><input type="checkbox" name="milkshake" id="milkshake" value="" onClick="calc(2,13.00, this);"></td>
<td> </td>
</tr>
<tr>
<td>Candyfloss: ZAR 8.00</td>
<td><input type="checkbox" name="candyfloss" id="candyfloss" value="" onClick="calc(2,8.00, this);"></td>
<td> </td>
</tr>
<tr>
<td colspan="3" align="right" valign="top">Total ZAR <input name="purchaseTotal" type="text" id="purchaseTotal" value="0"></td>
What happens at the moment is that clicking on one radio button doesn't subtract the amount from the previous selected radio button and clicking on the same radio button just keeps adding its value to the total. I'd like it to do the opposite and not add to the total if clicked repeatedly and if another radio button is selected the amount of the previous radio button must be deducted from the total.
View 1 Replies
View Related
Mar 25, 2007
I have an application with an input form that sometimes has a hundred or
so check boxes organized into groups of about 10 choices. The boxes are
difficult to check because the target is small and after the user
chooses a dozen or so choices, the result is difficult to see.
I was thinking that an alternative would be to just have the single word
choices highlight after being checked. This would result in bigger
targets, denser forms, and would be easier to see.
Does anyone have any pointers to pages or examples that implement a
similar solution using CSS and Javascript?
View 2 Replies
View Related
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
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
Jul 23, 2005
I am using IE to hide sections of a form. When I display the first
section (name='ea'), the form widgets are not clickable in IE nor do
they accept focus. When I display the 3rd section (name='ec'), the
items in all sections become clickable/accept focus. Has anyone ever
seen anything like this? Code:
View 1 Replies
View Related
Jan 20, 2011
I have 3 radio buttons with the same name ("myradio"). The value of each is a different URL (e.g. value="[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. Is there any way of doing this using Jquery?
View 1 Replies
View Related
Jun 1, 2009
I am creating a form for a registration that asks the participant if they have completed pre-requisite training. There are three questions they are asked. When they click yes, the text box for the requested information is enabled, when they click no, they get a warning that they need to register first.
Here is the javascript
The first one works fine (the SERE training question), however, the second one does not function at all. What am I missing to enable the second question to function like the first.
View 3 Replies
View Related
Feb 12, 2011
I have a form which has two radio buttons at the beginning which show and hide fields depending on what button is clicked:
I want to adapt this js and html code so that when the page loads it checks whether one of the two radio buttons is clicked and depending on that it displays/hides the divs which are declared in the current function, at the moment it performs this when the user clicks one of the radio buttons but I want to perform it when the page is loaded and also when the user first enters the page I want the yes radio button to be selected and obviously show/hide
[Code]...
View 5 Replies
View Related
Mar 27, 2009
I am trying to adapt code that lets users select a search enginrom radio buttons and use it to search internet.It works fine with check boxes, but I would like RADIO BUTTONSbut cannot because they all need the same name to functionin a set. I have no real knowledge of javascript and would really Code Below
<script language="javascript">
<!--
function netsearch(formname)
[code].....
View 9 Replies
View Related
Nov 29, 2011
I have a form with a search field that I want to search two different databases depending on which radio button is selected. Below is the form I have for searching our library's online catalog. What I'd like to do is add a radio button to this form which would enable the same search box to search WorldCat, which has a different URL
[Code]...
View 2 Replies
View Related
Dec 21, 2010
So i have a form that has 3 radio buttons and i want to validate so that you must select at least 2 Yes's. I am new to javascript so excuse my poorly written statement. It is non-functional, how to change this in order to make it functional.
Code:
View 4 Replies
View Related
Mar 24, 2011
I'm new to javascript as well as to this forum, Im coming here for first class
I have a html form that uses javascript for validation, this is an assignment that consists of a form that sells hard drives from three different manufacturers, more specifically the part im stuck on is where if a manufacturer hoes have a number in the number of drives textbox, javascript needs to check to see that one of the radio buttons in that row is checked, if no radio button is checked
an alert is displayed, however when I do select a radio button I still get the alert I used a "if...else if...else" construction but my logic is not well structured and thereby I get those problems, I have included the code down below if anyone is interested in helping a newbie out code...
View 6 Replies
View Related
Oct 26, 2010
I'm trying to get my form to show and hide various divs with radio buttons. There are multiple options in the second box of my example. When a user selects the first option, more input boxes come up. Perfect, that's what I want. However, if they decide they didn't mean to click that option and instead wanted another option, the original part that popped up doesn't disappear. I cannot figure out how to make this happen.
View 6 Replies
View Related
Apr 15, 2009
java and i am having trouble getting radio buttons , check boxes and pull down lists to work in my form whenever i put them in there they just come up as undefined. And if i try to put any if statements in the hyper links stop working as the program cannot run. Obviously as i am doing something very wrong.I am at a loss and have spent hours on it and just cant get these things working.Any thing with a typed answer works great such as first name or last name here is the code i have written so far
<script>
function hidediv(divname) {
if (document.getElementById) { // DOM3 = IE5, NS6
[code].....
View 4 Replies
View Related
Nov 23, 2011
Show a checkbox list with names of the coins. The user picks the coins he/she has and presses submit.
Then prompt boxes show up asking how many toonies you have (if the user selected toonies) and it does that for each one that has been checked marked.I've tried this
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
[code]....
View 11 Replies
View Related
Mar 17, 2011
Here is a script and its uses a latest jquery
$(function(){
$(".submit").click(function(){
varname=$("#name").val();
varsurname=$("#surname").val();
[Code].....
Its sends only a M value ..The different IDs gives a undefined there is a problem with radio button DOM - Jquery
View 2 Replies
View Related
Dec 1, 2011
I can't get the form validation and the postioned layers/radio buttons working at the same time is either 1 of the other. I have provided the code html/css/javascript code below [URL]
<!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>
[code]...
View 5 Replies
View Related
Feb 22, 2011
I see in a book how to use javascript functions from radio buttons to display text into a form textbox, but what I want to do is instead of display text into a textbox, to display images positioned by CSS. My code is below. All I get is the initial display of radio buttons, the chosen one chosen, and that's it. No display of images. I tried even just using text and no. Here's my code:
[Code]...
View 8 Replies
View Related
Jul 21, 2011
I am trying to test out a basic xhtml form using radio buttons and text boxes. I want a user to select one of the radio buttons and have the focus change to the relevant text box where they can enter in the title of their choice.
Code:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[Code]....
View 1 Replies
View Related
Sep 15, 2010
How do i begin a validation script for a form with radio buttons & check box & text area.
View 2 Replies
View Related
Apr 29, 2011
I am trying to setup a donation form for a friend, where someone can click radio buttons for set donation amounts, or click the "other" radio buttons and enter a different amount. The donation amount is then passed over to a secure credit card entry page, hosted by a 3rd party merchant.I can set up all the pre-defined radio buttons to correctly pass on the donation amount to the credit card page, but I cannot figure out how to work the "other" radio button amount.
View 6 Replies
View Related
