Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / web / ASP.NET

JavaScript RadioButtonList get and set values

4.40/5 (4 votes)
31 May 2011CPOL 52.2K  
Getting and Setting RadioButtonLists in JavaScript for ASP.NET
I am by no means a JavaScript expert, but had to get my feet wet as I couldn't find a working piece of code that allowed an update of radio button list via JavaScript.
There are two JavaScript Functions: getRadVal will get the value of a RadioButtonList and setRadVal will set the value of value of a RadioButtonList.

function getRadVal(radlist)
{
 if (document.forms['Form1'].elements[radlist])
 {  var radGrp = document.forms['Form1'].elements[radlist];
  var radGrpValue = '0';
  for (var i = 0; i < radGrp.length; i++) 
      if (radGrp[i].checked) {
          radGrpValue = radGrp[i].value;
                break;
      } 
  return radGrpValue;
 }
 else
  return '';
}
function setRadVal(radlist, newValue) {
    if (document.forms['Form1'].elements[radlist]) {
        var radGrp = document.forms['Form1'].elements[radlist];
        for (var i = 0; i < radGrp.length; i++) {
            radGrp[i].Checked = false;
            var evalue = radGrp[i].value         
            if (evalue == newValue) {
                radGrp[i].checked = true;
                //or
                radGrp[i].value = newValue;               
            }


These are called as:

// Get Value of RadioButtonList
var myValue=getRadVal('UCMAIN:RadioList1')
//Set Value of RadioButtonList
setRadVal('UCMAIN:RadioList2', myValue)


The above example syncs two RadioButtonLists with the same value.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)