Ad:

JavaScript / DHTML / AJAX Discussion Thread
Marked Solved
Views: 9091

Sep 5th, 2008

Radio Button - AJAX - Problem with Passing Value

Expand Post »

Hello,

I am having problems retrieving correct values from two radio buttons in my AJAX script below.

The radio button values are either a 1 or 0 and always produces 0 regardless of which button is selected.

Once in AJAX, I can not have the script retreive a 1 or 0. AJAX script produces "[object HTMLInputElement]" as the response. Not sure what is going wrong.

Thanks in Advance.
Diego

Help with Code Tags

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<script type="text/javascript"> 
 
var settings = getXmlHttpRequestObject(); function saveCar() { 
if (settings.readyState == 4 || settings.readyState == 0) { 
 
var car = escape(document.getElementById('car').value);
 
/* PROBLEM - Radio Button Processor */
var proc17 = document.getElementById("search17");
for (var i = 0; i < proc17.length; i++)
{
    if (proc17[i].checked){
       search17 = proc17[i].value;
       break;
    }
}
 
 
settings.open("GET", 'abc.php?proc17=' + proc17 + '&car=' +car, true); 
settings.onreadystatechange = handleSettings; settings.send(null);}}
function handleSettings() { if (settings.readyState == 4) { 
 
		}
	}
</script>
<script type="text/javascript"> 

var settings = getXmlHttpRequestObject(); function saveCar() { 
if (settings.readyState == 4 || settings.readyState == 0) { 

var car = escape(document.getElementById('car').value);

/* PROBLEM - Radio Button Processor */
var proc17 = document.getElementById("search17");
for (var i = 0; i < proc17.length; i++)
{
    if (proc17[i].checked){
       search17 = proc17[i].value;
       break;
    }
}


settings.open("GET", 'abc.php?proc17=' + proc17 + '&car=' +car, true); 
settings.onreadystatechange = handleSettings; settings.send(null);}}
function handleSettings() { if (settings.readyState == 4) { 

		}
	}
</script>

lonestar23

Reputation Points: 20

Solved Threads: 0

Light Poster

Offline

43 posts
since Mar 2008

Permalink

Sep 5th, 2008

Re: Radio Button - AJAX - Problem with Passing Value

How many radio buttons' do you have in your form?

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

Permalink

Sep 5th, 2008

Re: Radio Button - AJAX - Problem with Passing Value

I am using only two radio buttons. 1 for yes and 0 for no.

lonestar23

Reputation Points: 20

Solved Threads: 0

Light Poster

Offline

43 posts
since Mar 2008

Permalink

Sep 5th, 2008

Re: Radio Button - AJAX - Problem with Passing Value

This was just an example u wil have 2 replace all the value to the specific name of your radio buttons

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
var radioNames = [ 'radio1', 'search17' ];
for (var i = 0; i <= 1; i++) 
{ 
if (document.getElementById(radioNames).checked )
{ search17 = proc17.value; } 
}
var radioNames = [ 'radio1', 'search17' ];
for (var i = 0; i <= 1; i++) 
{ 
if (document.getElementById(radioNames).checked )
{ search17 = proc17.value; } 
}

but it would be nice if u can provide the exact name value of the two radio buttons.

Last edited by essential; Sep 5th, 2008 at 6:02 pm.

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

Permalink

Sep 5th, 2008

Re: Radio Button - AJAX - Problem with Passing Value

Sorry if am bein hasty on that 1! Lets assume that you have 2 radio buttons with different name values!

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
var radioNames = [ 'radio1', 'search17' ]; for (var i = 0; i <= 1; i++) {
var proc17 = document.getElementById(radioNames[i]); 
 if ( proc17.checked ) { search17 = proc17.value; } 
}
var radioNames = [ 'radio1', 'search17' ]; for (var i = 0; i <= 1; i++) {
var proc17 = document.getElementById(radioNames[i]); 
 if ( proc17.checked ) { search17 = proc17.value; } 
}

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

Permalink

Sep 5th, 2008

Re: Radio Button - AJAX - Problem with Passing Value

Another option!

javascript Syntax (Toggle Plain Text)
<script type="text/javascript">
 
function saveCar( e )
{ e = e ? e : window.event;
  t = e.target ? e.target : e.srcElement;
// Things to do -->
 
if (( t.id ) && ( t.id == 'search17' ) && ( t.checked )) 
{ search17 = t.value; }
 
}  
</script>
<script type="text/javascript">

function saveCar( e )
{ e = e ? e : window.event;
  t = e.target ? e.target : e.srcElement;
// Things to do -->

if (( t.id ) && ( t.id == 'search17' ) && ( t.checked )) 
{ search17 = t.value; }

}  
</script>

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

Permalink

Sep 6th, 2008

Re: Radio Button - AJAX - Problem with Passing Value

I would like to help, but I guess I just don't understand what the real problem is ... my quickie write-up of you above code delivers both 1 and 0

What am I missing here?

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<html>
<head>
<script type="text/javascript"> 
function i_am_ajax () {
  var form = document.getElementById("my_form");
  for ( var i = 0; i < form.length; i++ ) {
    if ( form[i].checked ){
       alert( form[i].value );
       break;
    }
  }
};
</script>
</head>
<body>
<form id="my_form">
  <label><input type="radio" name="radio" value="0" />NO</label><br />
  <label><input type="radio" name="radio" value="1" />YES</label><br />
  <input type="button" onclick="i_am_ajax()" value="response" />
</form>
</body>
</html>
<html>
<head>
<script type="text/javascript"> 
function i_am_ajax () {
  var form = document.getElementById("my_form");
  for ( var i = 0; i < form.length; i++ ) {
    if ( form[i].checked ){
       alert( form[i].value );
       break;
    }
  }
};
</script>
</head>
<body>
<form id="my_form">
  <label><input type="radio" name="radio" value="0" />NO</label><br />
  <label><input type="radio" name="radio" value="1" />YES</label><br />
  <input type="button" onclick="i_am_ajax()" value="response" />
</form>
</body>
</html>

langsor

Reputation Points: 30

Solved Threads: 36

Posting Whiz

Offline

389 posts
since Aug 2008

Permalink

Sep 6th, 2008

Re: Radio Button - AJAX - Problem with Passing Value

Updates!

html Syntax (Toggle Plain Text)
<html>
<head>
<title></title>
<html>
<head>
<title></title>

javascript Syntax (Toggle Plain Text)
<script type="text/javascript">
<!--
document.onclick = thisValue; function thisValue( e ) 
{ e = e ? e : window.event;
  f = e.target ? e.target : srcElement;
 
form1.txt1.value = f.value;
f = f.name && f.name == 'r1' || f.name == 'b1' ? alert(f.value) : f; 
}
 
//-->
</script>
<script type="text/javascript">
<!--
document.onclick = thisValue; function thisValue( e ) 
{ e = e ? e : window.event;
  f = e.target ? e.target : srcElement;

form1.txt1.value = f.value;
f = f.name && f.name == 'r1' || f.name == 'b1' ? alert(f.value) : f; 
}

//-->
</script>

html Syntax (Toggle Plain Text)
</head>
<form name="form1" action="#" onsubmit="return false;">
<label for="id0">
<input type="radio" value="sampleValue1" id="id0" name="r1" />&nbsp;Radio 1</label>
<label for="id1">
<input type="radio" value="sampleValue2" id="id1" name="r1" />&nbsp;Radio 2</label><br /><br />
<input type="text" id="id2" name="txt1" />
<input type="button" id="id3" name="b1" value="accept" accesskey="3" />
 
</form>
 
</body>
</html>
</head>
<form name="form1" action="#" onsubmit="return false;">
<label for="id0">
<input type="radio" value="sampleValue1" id="id0" name="r1" />&nbsp;Radio 1</label>
<label for="id1">
<input type="radio" value="sampleValue2" id="id1" name="r1" />&nbsp;Radio 2</label><br /><br />
<input type="text" id="id2" name="txt1" />
<input type="button" id="id3" name="b1" value="accept" accesskey="3" />

</form>
 
</body>
</html>

Last edited by essential; Sep 6th, 2008 at 5:18 am.

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: how to figer out the page is rendered by the browser

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Frustrating Firefox Problem while making AJAX request on an anchor

DaniWeb Message

Cancel Changes

User Name
Password