I'm pretty new to coding. I have a form with two radio buttons to choose from. I would like a custom javascript function (fillShowTypeCost) to automatically update a text field with the correct amount of money, based on which radio button is selected. I originally had this form done with checkboxes and it worked just fine. Since I switched to radios, I am completely lost. I have tried using an array search to determine which value is selected, but I must be doing something wrong, because it isn't working. My codes are below. (The PHP end of things are working great.)
Not exactly sure this is the right forum to post this but just to give it a shot.I am relatively new to programmming...I am currently working on a web appliation using MySQL DB and use PHP/SQL.I have a web form i have created. What i want to achieve is that when a user fills in one of the fields...a text field, i want 8 other fields to be AUTO filled with different values related to the one the user filled in
I have an HTC (Thanks to Beetle) that auto fills a field as a user key strokes letters into a text box. Except for one thing everything works great. The one thing is if a use types somethin in that is found, accepts it (tabs out of the field) the goes back to the first letter and trys to change the case (upper to lower or vise versa) it gets an error "invalid argument". I cannot seem to figure out why it would error. Below I have all of the code HTML and HTC should be easy Code:
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]]');
I needed a drop down auto suggest for my project. I tried few plugins but they are written so complicated so Istartwrite my own, I am able tosuccessfullygenerate the drop down. But I need on click drop down suggestion suggestion text I mean country name andcountrycode will beautomaticallyfilled or loaded. I have checked through firebug the url of drop down appearing like below
<div id="suggestion" style="display: bloks;"> <p id="searchresults"> <a href="#"><span class="countryname"><div>US</div></span></a><span Country: US and Country
The application I'm helping develop is about 10 pages long and allows users to move back and forth, updating previous selections. Certain pages use Javascript to check current selections and show/hide divs based on those selections. Most of these fields are radio buttons and use simple onClick calls. However, one of these requires that 2 fields be checked for a specific value and if they are both true, display a div.
One problem though... for other reasons these form field names all begin with either a "r^" or a "t^" signifying it as either a text field or radio button. I can get the check to work fine without the "r^" but with it I'm lost. The carrot seems to be causing problems for me and I've tried many different combinations of things to get it to work. Code:
I have a checked radio button in one such radio group in my form. Beside this radio button, I have a text field. I want the value that the user inputs into the text field, to be the value of the checked radio button. how to write this code.
I have a radio button called donate options are : sale , donate (values for radio buttion Option sale : 0 Option donate :1
When click on sale a row having field "cost" to be hidden. I had tried a script with hide and show when clicked on button which works fine (toggles hide an show). I am trying following code: -which toggles the hide/show effect but I want -when click on donate it should hide row having cost -when click on sale it should display row having cost
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>Javascript hide table row</title> </head><body><script type="text/javascript"> function displayRow(){ var donate= document.getElementById("donate"); alert(donate.value) var row = document.getElementById("captionRow"); var row = document.getElementById("captionRow"); if (donate==0) { row.style.display = ''; } if (donate==1) { row.style.display = 'none'; }} </script>
I am a PHP programmer and new to Javascript and jQuery and I have tried about 20 examples/tutorials and cannot seem to get even close to what I want.I have a form (PHP/MySQL) with a list of subjects I got from my database, and then create a set of radio buttons from that list. And based on what radio button they select, I need to pass that variable to a div (at least that's what I want to use) and then show a list of videos that match the radio buttons value. I don't care if its a get or post or other.I tried to use GET or POST so I can use that value for my PHP/MySQL lists.I am open to any suggestions/tutorials, etc.
If the user selects the early bird special for member (at 100.00) it populates the text field with the value for that row. Or, if the user selects regular registration for non-member it sets the early bird text field back to 0.00 and populates the text field with he value for the regular expression code. At the same time it populates the total field with the total price. I hope this makes sense. How can I accomplish this using JavaScript or jQuery? The text fields are read only. The table is listed below.
I have a pair of radio buttons (yes and no) as answers to a question. When the yes radio button is selected, I need a text field to be displayed underneath it. Does anyone know how to do this?
I'm only validating one (Consent) radio button with this code but I need to validate multiple different questions/buttons.
<script> function getRBtnName(GrpName) { var sel = document.getElementsByName(GrpName); var fnd = -1; var str = ''; for (var i=0; i<sel.length; i++) { if (sel[i].checked == true) { str = sel[i].value; fnd = i; } } return fnd; }
function checkForm() { var chosen = getRBtnName('Consent'); if (chosen < 0) { alert( "Please choose one answer when you are asked to select a number." ); return false; } else { return true; } }
</script> <form action="congratulations_aff.php" method="post" name="congratulations_aff" onSubmit="return checkForm()"> <table border="0" cellspacing="1" cellpadding="0"> <tr> <td colspan="3">I consent to providing my electronic signature.</p></td> </tr> <tr> <td colspan="3" valign="top"> <input type="radio" name="Consent" value="Y" /> Yes <input type="radio" name="Consent" value="N" /> No
<table border="0" cellspacing="1" cellpadding="0"> <tr> <td>I consent to electronic receipt of my information reporting documentation.</td> </tr> <tr> <td valign="top"> <input type="radio" name="Consent1099YesNo" value="Y" /> Yes <input type="radio" name="Consent1099YesNo" value="N" /> No</td> </tr> <tr> <td valign="top">
For tax purposes are you a U.S. citizen, U.S. resident, U.S. partnership, or U.S. corporation? <input type="radio" name="USPersonYesNo" value="Y" /> Yes <input type="radio" name="USPersonYesNo" value="N" /> No </tr> </table> <input type="submit" value="submit" value="Submit" /> </form>
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> .....
I have a form that makes visible a text field when a specific radio button is checked. That works. Then I validate to see if a radio button is checked before I let the form be submitted. That works.
BUT - I cannot seem to get it to validate the form field that is made visible to see if it has content or at least the proper content when the form is submitted. Can you tell me what I am doing wrong please?
I can give more info on what kind of validation I want done if needed, but I think my code speaks for itself Code:
I've been searching for about an hour now trying to figure out how to do the following. I have a form I'm updating and I'm trying to create a checkbox or link that onclick/oncheck will update all fields in the form to the same value. I found the following code that does what I want EXCEPT I can't get it work with value[]. In the following code, MY form would have form fields like <input type="text" name=" shippingname []"> (note the []) because I'm looping thru multiple entries when I submit the form.
I need to auto fill a form from a email link from a online ticket system. the problem is i have the ticket system in a iframe on my site. so when they click the link it goes on just the ticket system webpage. with out the iframe so i made a page point to it with my site around it. but when the email is click it loads my site and page but dosent fill in the forum. unlike the one with out the iframe. here is a example of the email link. [URL]
here is the original one that comes in the default email message. [URL]
When selecting male or female auto fill in the appropriate blanks. The idea is I'm trying to write a Kids book that lets them make there own adventure. So what would happen is as an example they could select "I'm A boy/girl"
And in the story two different possibilities would come up that being: A: (Boy option selected) He grabs his Sword and prepares himself for battle B: (Girl Option Selected) She Grabs Her Sword and Prepares herself for battle The only way I can figure out how to do it so far is by making them select "S/he, His/Her, Herself/Himself" ext. But I wanna make it one simple button...
I am doing donation script. Here is my script so far
<script type="text/javascript"> <!--// function chkDonation(){ var form = document.forms[0]; // FORM NAME OR PLACE IN FORMS COLLECTION //; var amount = form['OtherAmount']; // TARGETTED INPUT NAME ( OtherAmount ) //; amount.style.visibility = 'hidden'; for(var i=0, input=form.getElementsByTagName('input'); i<input.length; i++){ if(input[i].type.match(/radio/i) && input[i].name.match(/DonationAmount/i)){ if(input[i].value.match(/Other/i)){ input[i].onclick = function(){ amount.style.visibility = 'visible'; .....
I have pretty much completed my script but now what I want it to do is to add more forms/field when the "Other" radio button is selected. So when the Other button is checked, I want the script to display more fields/forms below. Only when the "other" button is selected. When "other" selected the script should display fields like "cheque", "cash", "Payment" etc.
I am working on a registration form for a conference. The form has several sections of radio buttons and checkboxes and I would like to have it set up so that if a radio button or checkbox is selected the price related to that selection shows up in the rigjt column of the form and can then be totaled up at the bottom of the page. 1. Show price in field. 2. Total up all of the prices at the bottom of the page. You can view the registration form at: [URL]
I'm have a Joomla component who use Jquery for several thing in his template. This component have a form where some field are displayed and I would like conditionnaly restrict the use of 2 fields. I have in fact a field "City" and a field "Zip code" and my goal is to disable one field if the other is filled. In practice that mean if a user start to type the name of a city, the zip field must be disabled for avoid to fill also this field. Same thing if the user start to type in the zip field...the field City must be disabled too..
I need to setup this because the search engine of my component can not retreive correctly data if both field are filled. This happen tipically if the the zip code don't match with the name of the city... I that case the component will display "no result found" and this is annoying. Any example of working code making possible to get this function? Unfortunately I'm not a coder and except html and a bit of css, I do not have enough knowledge..
I'm using Google Maps to calculate distance between cities. I need to use that distance value for some basic calculations. Distance has to be in "Angloamerican" format (1,234.00) but in metric system. So, Google Maps answer for Madrid - Berlin query will be one of these two:
a) <span jscontent="distance['text']" jsdisplay="distance" jstcache="7">2.320,1 km</span> b) <span jscontent="distance.text" jstcache="23">2.320,1 km</span>
notice the differences in span "classes" (jstcache is 7 or 23) and lack of any "id" or "name" attributes.
What I want to accomplish is:
1) Convert these Google Maps distance values to "Angloamerican" format (2,320 km) or (even better) format without thousands separator which would only use dots as decimal separator (2320.1 km)
2) Use that filtered value to populate a text field called distance
Populate hidden form element value with the value of a text field on form submit (jQuery)
It helped me a bit with the auto-populate part, but I can't make it work in combination with this Google Maps code. Here is my current code:
<head> ... <script type="text/javascript"> function submitMyForm(){
I'm using jquery autocomplete to fill a textbox with some text but I need to get the ID of the item too. For this purpose I thought to use the on select event to fill an hidden field the problem is that the on select event is never fired.
