JQuery :: Auto-Calculation Based On Radio Buttons
Apr 12, 2011
I am stuck on the last part of this jQuery auto-calculation script that I am working on. I want to automatically re-calculate the subtotal values based on a "radio button click". The calculation will automatically add a 10% discount when the radio button "special_(n)" "yes" value gets clicked, but revert back to normal price when the "no" value gets clicked.
View the script in action here: [url] (tip): enter a value into the 'qty' field, and the totals will auto calculate.
HTML:
View 1 Replies
ADVERTISEMENT
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
Feb 6, 2010
I need a way to auto select certain radio buttons and then submit the page. Here is the form: [URL]. For questions 1 and 2 i would like the answer submitted to be "no" and for all others "no". I've been trying to do this with the little coding knowledge.
View 1 Replies
View Related
Jul 20, 2005
I have a form with three radio options. And I have three buttons:
<input type="submit" name="mainform_action" value="Edit Data">
<input type="submit" name="mainform_action" value="View Data">
<input type="submit" name="mainform_action" value="Delete Data">
If the first radio button is selected, I only want all three buttons to be
visible to the user.
If the second radio button is selected, I only want the "Edit Data" and "View
Data" buttons to be visible.
If the third radio button is selected, I only want the "View Data" button to be
visible.
Is it possible to accomplish this in Javascript? In particular, I want to
continue using the "input type=submit" buttons without having to create my own.
View 3 Replies
View Related
Jun 7, 2009
I have spent the last 6 hours working on this, and I am about to lose my sanity. I need your help very desparately. I want to create some radio buttons for building a computer for a class project. Basically, what I have now is the radio buttons in separate groups, and a function that calculates the total price of the items selected. But what I am finding impossible to get is this: I need to set it up such as that if you select a radio button in one group, it disables part of the second. What this means in my work, is that say I choose AM3 as the CPU socket, only AM3 motherboards and processors will be enabled, and the rest in these categories will be disabled.
I am trying to set it up in a way that when you first open the page, cpu, motherboard and ram groups all disabled, then based on your socket choice you get different options for motherboards and processors, and then based on your motherboard choice you get different choices for RAM.
View 5 Replies
View Related
Jul 16, 2011
Codes for Dropdown menu based on radio buttons selection needed!
I need urgent help with this:
I need codes for a dropdown menu that is altered by radio buttons.
I want to insert the value selected from the dropdown menu into a table.
View 1 Replies
View Related
Jun 13, 2011
I am trying to turn radio buttons to show images based off the label of the radio button input instead of using radio buttons.I have to use only javascript for this and I am at a loss.
View 14 Replies
View Related
Mar 1, 2010
I'm not one for making my own scripts, so not quite sure about the best way to go about doing this. I've got a form with 2 different sets of radio buttons. Upon submitting, I'd like to redirect the user to a certain page, based on the selections they made among the radio buttons.
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
Aug 19, 2009
Please take a look at the picture below:When you enter the value of Volume and Unit Cost... it should automatically add up into Net Cost and VAT (including float number).
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 (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
Mar 3, 2009
I try to calculate all the number based on selected radio button and display it in the textfield on the same page can someone can tell me the errors and suggest how to make my calculation is right.
[Code]...
View 9 Replies
View Related
Jul 28, 2010
I've hacked together a calculator, it features one row to begin with that accepts user inputs to specify height (from dropdown), width, depth, qty (text fields).It then performs a calculation (width+depth) * multiplier +12
The multiplier is defined by an IF based on the selected height.I want to add 10 or more rows which are identical, and then get a grand total for all the rows' totals added together.Where I am stuck is how to change the drawerPrice function to handle extra rows.I basically know nothing about js, this is a result of day 1.
Code JavaScript:
<script type = "text/javascript">
//<![CDATA[[code].....
View 1 Replies
View Related
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
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
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
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
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
Jun 3, 2011
I am trying to use the jquery radio buttons and everything looks well until I press the submit button.What is passed on in my POST variable for the radio buttons is the string "on" and not at all the name of the button. All of the buttons just returns "on".[URL]
View 3 Replies
View Related
Jun 17, 2011
I want my radio buttons to become submit buttons as well. So when a user clicks on a radio button it submits the action and refreshes the page accordingly. As of now using only using onclick="this.form.submit()" the page only refreshes with no change. Here is a copy of the entire form. It is a custom shipping options form (I did not create it).
<!-- Custom shipping form -->
<form action="" method="post" name="update_shipping">
<table width="300">
<tr>
<td><label>
<input <?php if (!(strcmp($_SESSION['shippingmethod'],"1"))) {echo "checked="checked"";} ?>
[Code]...
View 9 Replies
View Related
Jul 30, 2011
JQuery and indeed JavaScript, though have been building sites using CMS since 2000! I am finally taking the plunge and get into learning this stuff, but have come accross my first problem.I have a Yes / No radio button group which controls other elements in the site. When Yes is selected, certain countries appear, and when no, others do.No, since the site has different sections, I would like the radio to defaul to Yes on one section and no on another.What I need to know, is how do I make it default to for example Yes:I have tried the following code so far, but no success:
<script type="text/javascript">
$(function() {
var $radios = $('input:radio[name=data[Field][Listing][jr_istour]]');
[code]....
View 2 Replies
View Related
Nov 5, 2010
I have the standard Pagination plug-in working with manual page breaks however I would like to improve on this and have a set height for each page. So I think I would need to loop through each <p> element, add the heights together, then once it hits a set value for height like 500px it would insert the page break element. I'm not worried about splitting up a paragraph so if it goes over a little on each page it's ok.
I don't know how to do this however. Is there a plug in that can accomplish this or does somebody know how to do this?
View 4 Replies
View Related
Jun 26, 2009
I have a 2 radio buttons in a jQuery Dialog :
<table>
<tr>
<td><input id="ArriveTriggerIgnition" name="ArriveTrigger"
type="radio" value="ignition"/></td><td>Ignition off at Location</td>
</tr>
[Code]....
Is there something in the jQuery Dialog that is blocking this or is my syntax simply wrong?
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
Sep 25, 2010
I have a form with 40 radio button lists. Each radio button list contains 2 radio buttons = "OK" and "NA". The radio button lists are given ID's like "page1RB1", "page1RB2" etc. The radio button lists are assigned a class "rbOK". I am trying to reset all of the radio buttons to "OK" using the following code:
function clearChecklist(){
$('.rbOK').each(function(intIndex){
var theText = "#" + $(this).attr('id');
var theDL = theText.replace('RB', 'DL');
$(theText.replace('RB', 'CP')).css({'color':'maroon'});
$(theDL).css({'color':'gray'});
$(theDL).val(-1);
$(theDL).attr('disabled', 'disabled');
$(theText).css({'color':'black'});
$('input[name=' + theText + ']:eq(0)').attr('checked', 'checked');
});}
As an aside, I also have a drop down list and label associated with each radio button list using a similar naming/ID convention where RB is replaced with DL for the drop down list or CP for the label. That is, page1RB1 is associated with page1DL1 drop down and page1CP1 label. In this code, what I am trying to do is step through all radio button lists; read the radio button name/ID; use it to set the color and value of the drop down list and label and set Radio Button checked to OK. It is the last part that is not working. the above code handles the drop down list and label perfectly. But for the life of me, I can not get the radio buttons to reset to OK. When I click on the NA, they stay checked.
View 1 Replies
View Related
