|
HTML - How To Submitt Multiple Radio Groups With One Button?
I have been using radio buttons for customers to select amounts of my product inside of tables. I have over 10 different products/tables.
How can I use a single 'Submit' button at the bottom to collect data from all the groups? Each group has its own name. When I go to the action site (in this case just 1.php), I use just a simple: echo $_POST['lavender']; which has nothing. If I move the 'Submit' button inside of the table for lavender, I get the value I expect. Please help, here is my code so far. Quote: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ladybug Incense</title> <style type="text/css"> <!-- .style1 { font-size: 24px; color: #FF00FF; } .style2 {font-size: 24px; color: #FF0066; } --> </style></head> <body> <h1>Types of Incense:</h1> <table width="800" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#FFFF00"><span class="style1">Lavender</span></td> </tr> <tr> <td bgcolor="#00FFFF">Lavender incense is made from the finest lilac flowers, and has a hint of tulip.</td> </tr> <tr> <td bgcolor="#00FFFF"><form id="form1" name="form1" method="post" action=""> <p> <label> <input type="radio" name="lavender" value="10" id="RadioGroup1_0" /> 10 grams</label> ($10)<br /> <label> <input type="radio" name="lavender" value="18" id="RadioGroup1_1" /> 20 grams ($18)</label> <br /> <label> <input type="radio" name="lavender" value="25" id="RadioGroup1_2" /> 30 grams ($25)</label> <br /> <label> <input type="radio" name="lavender" value="30" id="RadioGroup1_3" /> 40 grams ($30)</label> <br /> </p> </form> </td> </tr> </table> <p> </p> <table width="800" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#FFFF00" class="style2">Jasmine</td> </tr> <tr> <td bgcolor="#00FFFF">Jasmine incense is made from a variety of middle eastern flowers, mainly jasmine</td> </tr> <tr> <td bgcolor="#00FFFF"><form id="form2" name="form2" method="post" action=""> <p> <label> <input type="radio" name="jasmine" value="12" id="RadioGroup2_0" /> 10 grams ($12)</label> <br /> <label> <input type="radio" name="jasmine" value="20" id="RadioGroup2_1" /> 20 grams ($20)</label> <br /> <label> <input type="radio" name="jasmine" value="28" id="RadioGroup2_2" /> 30 grams ($28)</label> <br /> <label> <input type="radio" name="jasmine" value="32" id="RadioGroup2_3" /> 40 grams ($32)</label> <br /> </p> </form> </td> </tr> </table> <form id="form3" name="form3" method="post" action="1.php"> <label> <input type="submit" name="button" id="button" value="Submit" /> </label> </form> <p> </p> </body> </html> Similar TutorialsHi all, I have a query regarding HTML Radio Buttons. On a site I have created I am use radio button to allow visitors to search fot various files. Below is the code I have used. <input type="radio" name="searchIndex" value="HMD01"/> The "HMD01" is a field in my database. The user types in txt into a textbox and when they click a search button a function checks the "HMD01" field to see if any data matches what was in the textbox and displays the results if there are matches. What I am trying to do is that if the search found no matches in that field that it would search another field in the database to find a match. I thought the code would be something like the code below but that did not work. <input type="radio" name="searchIndex" value="HMD01, PRD03"/> The "PRD03" field contains the same type of information as "HMD01" but is stored in a different table. I want to be able to search "HMD01" for a match then search "PRD03" with the same parameters. Any help would be greatly appreciated. Thanks Towsie Hello Am doing a web page, and I have many radio buttons, when the user selects it, 3 other radio buttons will be selected. any suggestion how to create a radio button with border top and left........... i have a form that returns the user upon a number of errors (of course) - i'm able to retain the text input data (value="<?php echo $_POST['em_name'] ?>") upon return, but i don't know how to retain the radio button or checkbox data so that they don't have to recheck it if necessary. it's in html/php... can someone help? much appreciated... GN Does anyone know how to make the radio button transparent? I need to put a radio button on a textured background but I don't want the rectangle and actual button to show up on top of the background. I wanna the image working as a radio button. Thanks in advance! Does someone(s) know how to make a 'radio' button invisible but leave the associated text and VALUE? Thank you! hi. i have 5 radio buttons which disable when one on which is selected! but i cant post the value to the next page! how can i understand which on one is selected?! Thank you all Hey guys. Is it possible to assign a value to a radio button such as a large section of text which I have an id to. So for instance my text is <font id="someText">Words</font> I want my radio button value to correspond with that. Anyone have any ideas? -Tim Hi, i was wondering how do you show certain text such when the mouse is over the radio button. I tried <input type="radio" value="test" name="test" alt="mouse over radio"> test but the word "mouse over radio" does not pop, anyone have any idea? Thanks in advance. How do I place a label for a radio button above the radio button? On as in pre-selected when a page loads... Here is my code: Code: <!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" dir="ltr" lang="en"> <head> <title>Prospective Student Database</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> </head> <body> <form action="insert.php" method="post"> <input type="radio" name="gender" value="1">Male </form> </body> </html> I am trying to follow the W3C standard, which I put in the W3C HTML validator. It keeps giving me a error of the radio button should end with '/>' instead of '>'. Like this: Code: <input type="radio" name="gender" value="1"/>Male But I checked the W3C recommendation. Even their recommendation on the radio button doesn't end with '/>' The recommendation is he http://www.w3.org/TR/html4/interact/forms.html The first example already showed. What is the problem? Thanks. In my HTML page, I have two forms. Form 1: Radio Button A, Radio Button B, Radio Button C Form 2: Radio Button D, Radio Button E, Radio Button F. Form 2 Radio Button are disabled. If I click on A, D will be the only button enabled, if I click on B, E will be the only button enabled, if I click on C, F will be the only button enabled. However, when I click on one of the Radio Buttons of Form 1, if I am using the Internet Explorer (version 6), the radio buttons in Form 2 are still disabled. It is not until I click on somewhere else that the proper button will be enabled. So, if I click on A, nothing will be enabled. After I click somewhere else, only after that D is enabled. Worse, if I click B, nothing happens and when I click C next, E will be the one enabled (but when I click on somewhere else, F will be enabled). This only happens in Internet Explorer. It works fine with Mozilla Firefox. I'd like to know if there's a solution to this if I am using the Internet Explorer. Here's a sample of my code: <form name="form1"> <input id="ButtonA" type="radio" name="radiobutton" value="valueA" onChange="document.form2.d.disabled=false;document.form2.e.disabled=true;document.form2.f.disabled=t rue;"> <input id="ButtonB" type="radio" name="radiobutton" value="valueB" onChange="document.form2.d.disabled=true;document.form2.e.disabled=false;document.form2.f.disabled=t rue;"> <input id="ButtonC" type="radio" name="radiobutton" value="valueC" onChange="document.form2.d.disabled=true;document.form2.e.disabled=true;document.form2.f.disabled=fa lse;"> </form> <form name="form2"> <input id="ButtonD" id="d" type="radio" name="radiobutton" value="valueD" disabled=true> <input id="ButtonE" id="e" type="radio" name="radiobutton" value="valueE" disabled=true> <input id="ButtonF" id="f" type="radio" name="radiobutton" value="valueF" disabled=true> </form> Please kindly help. Thank you. Best regards, ChrisX I want to be able to use radio buttons on my form but I need the selected one to update 2 seperate fields in my database. I am attaching what I have tried, but didn't work. I am new to all of this, so please be gentle HTML Code: <INPUT class="element radio" id=element_5_1 type=radio value=Swee****er Golf and CC=Ub2venue> <input type="hidden" name="Ub2bwsdate" value="10/22/2008"/> <LABEL class=choice for=element_5_1>Oct. 22 6:30p.m. Swee****er Golf and Country Club, Apopka </LABEL> <INPUT class="element radio" id=element_5_2 type=radio value=Swee****er Golf and CC=Ub2venue> <input type="hidden" name="Ub2bwsdate" value="10/23/2008"/> <LABEL class=choice for=element_5_2>Oct. 23 2:30p.m. Swee****er Golf and County Club, Apopka </LABEL> <INPUT class="element radio" id=element_5_3 type=radio value=USBank, KC=Ub2venue> <input type="hidden" name="Ub2bwsdate" value="10/28/2008"/> <LABEL class=choice for=element_5_3>Oct. 28 2:30 p.m. USBank, Kansas City </LABEL> <LABEL class=choice for=element_5_4></LABEL> </SPAN> I need it to update field Ub2venue with the locaion and update the Ub2bwsdate field with the date from the selected one. Any help would be appreciated. I have a form with radio buttons. I want it so that only one is selectable at a time and if radiobutton 1 is selected then whenever another radiobutton is selected radiobutton 1 will be deselected. Here is the code: HTML Code: <html> <head> <title> </title> <script src="script.js"> </script> </head> <body> <form> <input type="radio" id="hbEgg" value="hb"> <label for="hb"> Hard Boiled Egg </label> <br /> <input type="radio" id="mbEgg"> <label for="mb"> Medium Boiled Egg </label> <br /> <input type="radio" id="fbEgg" value="fb"> <label for="fb"> Full Boiled Egg </label> <br /> <input type="radio" id="ebEgg"> <label for="eb"> Extra Boiled Egg </label> <br /> </form> </body> </html> Thanks in advance. Hi all, I would like to ask for your help here. How can I first have a few radio buttons on my page and when the user select one of those, a text box with a submit button will appear. The text box is for the user to key in some kind of code/password so that it will prompt the user to a url according to the code/password. Example: Code: YAH URL: www.yahoo.com Code: GOO URL: www.google.com And if the user keys the wrong code it will prompt a message box asking them to try again. If the user key the code wrongly for 3 times it will prompt to another url. Ive also attach an example of how it should look like. I would appreciate for your help. Thanks a lot! Hi All, I want to retrieve the value of checked radio button ? I have two radio button. Clicking on any radio button it should retrieve the value of particular checked radio button. please reply soon. Thanks Hey, I'm trying create a form that contains two radio buttons and a text box and a submit button. Depending on which radio button is selected, a search is done on the keyword. One of the buttons is for a google search and the other is for an internal site I am working with. The problem I am running into is that the 'method' attribute in my form has to equal both "get" and "post", depending on what I select. I've tried a few things using scripts but nothing successful. Any help would be great. Thanks Can you please help me? I am making a website in MS SharePonit designer 2007. The site will be in 2 languages, Croatian and English. On the home page of the site I have put two radio buttons to give the choice to go to English version or Croatian version. And below those 2 radio buttons i want to put a button with text "ENTER SITE". But I don't know how to do this: If the Croatian radio button is checked, a click on the "ENTER SITE" must take you to the Croatian version of the site, and if English radio button is checked, click on "ENTER SITE" must take you to the English version. Can you please tell me how to do that? we usually see (.) I agree ( ) I disagree this is seen in the software liscence agreements.....I am given a project now asking me :- When I put my mouse on the label "I agree" or "I disagree". Then the radio button must be selected automatically instead of me clicking on it. Can you please help me out friends on how to do in HTML............if possible can you please give me the sample code. |
|||||||