This is probably simple, but I am new to jQuery and am trying to wrapmy head around things.Basically what I am trying to do is a very basic quiz. I have 3 groupsof radio buttons (3 questions with 4 possible answers for eachquestion, so.. multiple choice).Each answer has a number value assigned to it, i.e. value="2". Thiswould be 2 points.After pressing a button I need to be able to select all the radiobuttons have that been checked, and then add all their point values upand give the user a score.
I would like to dynamically update a score as you select radio buttons on a form. I would like to update the actual score and the possible score every time a radio button is clicked.
If "yes" is selected, they get the points. If "no" is selected, they don't get the points. If "N/A" is selected, the points aren't counted (in either the actual score or the possible score).
So, when either "yes" or "no" is selected the possible points need to be increased by the number of points that question is worth, and the actual points need to be added if they got "yes". I would like it to display their score (total percentage and running score) as you click the radio buttons, so I'm assuming you would need to call a function on each click which passes the point values along?
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.
I've seen several messages in this group with this question and no reply. Simply stated, how do you send the status of a group of radio buttons to a JavaScript function? I have a large project that needs this. Since I cannot figure it out, I wrote a small page to experiment with it. Here it is....
I have an assignment in which the person has to choose their department and their hourly wage is given for each department. In the text box they must put their hours worked for the week, which I can't seem to get to work this is what I have:
User selects radio buttons and the script totals a score based on the selection.Problem: The script returns no value as a total. The script was originally written to total a score by matching input name values beginning with "Set" (i.e., Set1, Set2). At that time the script worked; returning a sum of the selected radio button values. A requirement has mandated changing the names (i.e., EXTFLDV _ 500048). The new name values are not contiguous. I believe this is where the problem may lie.
Script: function setRadios() { function sumRadios()[code]..........
so basically this is what I have its 2 sets of radio buttons named budget, premier and superior which values are $2,$3 and $5 respectively. a checkbox that if checked the value would make the the first group of radios multiplied by 2 if not it will remain the same the second group would be weekly, monthly and annually which the values will be multiplied to 1,x(52/12) and 52 respectively to everything above. the total would be displayed as an alert message if the none of the first group is selected an alert would be issued when calculate is pressed and that would be please select level of cover and if none of the second group is selected it would display please select frequency of payment but if none is selected at all both alerts would be displayed on a single dialogue box, i cant make a script to make it function properly .i didnt include the script because i suck it doesnt work
<form name="InsuranceCalc"> <p><h2>calutaling insurance</h2></p> <p> Please complete the form.</p>[code].............
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?
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.
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?
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 .
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?
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.
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:
I have an input: <input type="radio" id="foo" name="bar" value="baz" style="display: none;"/>
And I am trying to check the radio button using: $(function() { $("#foo").attr('checked','checked')}); It doesnt seem to work. I have tried $("#foo").attr('checked',true) and no luck.
I am using Chrome. I have looked at all the sources on the web, and the above two methods were the general solutions, but neither work for me for some reason.
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]
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).
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?
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.
I have a list of items in a table. For each item, I have a set of radio buttons, with values of 'yes' and 'no', and a name/id unique to the item. There can be any number of items at any given time (usually 20-30)
I would like to have a link at the top that will select all of the 'yes' values and one that will select all of the 'no' values.
I have been able to select using name and value, but I need to be able to select soley by value, as the names will all be different (it should be apparent that I have very little experience with Javascript and less with Jquery).
This appears to be an issue with webkit and not jQuery specifically, but I've noticed this: NewDomRadio = '<input type="radio" checked="checked"id="testme" name=" testme" />'; $('div').prepend(NewEnumDom); will not work in Safari (I'm using 5.0 w/ Snow Leopard).
Chrome appears to have somewhat fixed this, although destroying and recreating the element a few times re-introduces the bug. The source will read "checked=checked" correctly, but the DOM inspector reports checked: false.
There seem to be two workarounds: 1] Removing the name attribute (!!!) 2] Placing the checked attribute at the end.