Possible for javascript to handle 2 values from a radio button?

lee · Jul 29, 2005

Hello

I need some javascript code I've written to handle 2 values from an
HTML form.

I've been successful using the "label" attribute (I've simplied the
example below):

<input type="radio" name="group1" value="3" label="Cheese"
checked>Cheese<br>
<input type="radio" name="group1" value="5" label="Meat">Meat<br>
<input type="radio" name="group1" value="15" label="Bread">Bread<br>

But this only works in Internet Explorer, it will not work in
Mozilla/Firebox.

I've also tried id="" but that does not work.

Does anyone know how I can refence 2 values per radio button in
javascript?

Martin Honnen · Jul 29, 2005

I've been successful using the "label" attribute (I've simplied the
example below):

<input type="radio" name="group1" value="3" label="Cheese"
checked>Cheese<br>
<input type="radio" name="group1" value="5" label="Meat">Meat<br>
<input type="radio" name="group1" value="15" label="Bread">Bread<br>

But this only works in Internet Explorer, it will not work in
Mozilla/Firebox.

I don't see any script in that example so if anything does not work or
does not work as you want it why do you ask in a JavaScript group?

Does anyone know how I can refence 2 values per radio button in
javascript?

I am not sure I understand what you are looking for. Do you want to read
out the value of the label attribute of an element? Then use
element.getAttribute('label')
so assuming you have your radio button group inside of a
<form name="formName">
then you can access the first radio button as
var radioButton = document.forms.formName.elements.group[0];
if (radioButton && radioButton.getAttribute) {
alert(radioButton.getAttribute('label'));
}

Lee · Jul 29, 2005

(e-mail address removed) said:

Does anyone know how I can refence 2 values per radio button in
javascript?

<html>
<head>
<title>Two Values</title>
<script type="text/javascript">
function showSel(f) {
for (var i=0;i<f.elements.length;i++) {
if(f.elements.type=="radio" && f.elements.checked) {
var v=f.elements.value.split(',');
alert("\""+v[0]+"\" and \""+v[1]+"\"");
}
}
}
</script>
</head>
<body>
<form>
<input type="radio" name="group1" value="3,Cheese" checked>Cheese<br>
<input type="radio" name="group1" value="5,Meat">Meat<br>
<input type="radio" name="group1" value="15,Bread">Bread<br>
<input type="button" value="Show Selection" onclick="showSel(this.form)">
</form>
</body>
</html>

lee · Jul 29, 2005

Thanks Lee, that's exactly what I needed.

I've left the script off to keep the question simple.

Thanks.

I dont get this. Please help me!!	2	Jan 24, 2023
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
Check forms With JavaScript	1	Mar 28, 2023
Radio buttons values not posting????	18	Nov 1, 2013
Function call from button to automatic	7	Mar 17, 2023
How to store data from a sign up form on a website into an sql databse	1	Sep 9, 2022
HCaptcha - How to stop page from refreshing on submit if captcha is not checked/validated	1	Aug 29, 2023

Possible for javascript to handle 2 values from a radio button?

lee

Martin Honnen

Lee

lee

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads