7 Answers

• Here is a simple button bar with radio button action:

  var buttonObjects = [
    {title:'Morning'},
    {title:'Daytime'},
    {title:'Evening'}  
  ];
  
  var timeBb = Titanium.UI.createButtonBar({
      labels:buttonObjects,
      top:20,
      left:20,
      style:Titanium.UI.iPhone.SystemButtonStyle.BAR,
      height:25,
      width:200
  });
  
  timeBb.addEventListener("click", function(e){
    for(var i=0;i<buttonObjects.length;i++) {
       buttonObjects[i].enabled = (i != e.index);
    }
    timeBb.labels = buttonObjects;
    Ti.API.info("You picked: " + buttonObjects[e.index].title);
  });
  win.add(timeBb);
  

• The iOS does not have radio buttons as part of their default component set. The Apple interface guidelines suggest using a different control, either a combopicker or a button bar. I went with the button bar with a label for the question.

• Thanks Chris. I am new to titanium and iPhone. Can you please give me the code how to create combopicker or a button bar which works as radio button?

  Any external link will also help.

• I guess what you want is a TabbedBar. Took me a while to figure that one out :(

• Hi..Titanium API is not provide radio button control for Android. its really bad to using put radio button images and handle that values. please improve titanium API control for android app.

• Hold on. B4A has radio buttons that you can provide a result to and when clicked it sets up the associated variable to be pushed to backend. So, it is not bad control for Android.

• after 4 day work i got the Solution how to create Radio Group with radio button in titainum.Here i have created 2 button and taken 2 image which looks like checked box and unckecked box Below is the Code where you can easily implement in your project.

  var window=titanium.UI.createWindow();

  /////////////////////////////////////Radio Button1////////////////////////////////////
  var radio1 = Ti.UI.createButton({
  title: '',
  top: 160,
  left:57,
  width: 25,
  height: 25,
  backgroundImage: '/images/checked.png',//////Radio Button Images///
  color: '#fff',
  font:{fontSize: 25, fontWeight: 'bold'},
  value: true //value is a custom property in this casehere.
  });
  radio1.on = function() {
  this.backgroundImage='/images/checked.png';
  this.value = true;
  };

  radio1.off = function() {
  

  // this.backgroundColor = '#aaa';
  this.backgroundImage='/images/unchecked.png';
  this.title='';
  this.value = false;
  };
  radio1.addEventListener('click',function(e){
  if(false==e.source.value){
  e.source.on();
  radio2.backgroundImage='/images/unchecked.png';
  }else{
  // e.source.off();
  }

  });
  //////////////////////////////////////////Radio Button2///////////////////////////////////////////////

  var radio2 = Ti.UI.createButton({
  title: ' ',
  top: 160,
  left:190,
  width: 25,

  height:25,
  backgroundImage:'/images/unchecked.png',
  color: '#fff',
  font:{fontSize: 25, fontWeight: 'bold'},
  value: false //value is a custom property in this casehere.
  

  });

  radio2.on1 = function() {
  // this.backgroundColor = '#007690';
  // this.title='\u2713';
  this.backgroundImage='/images/checked.png';
  this.value = true;
  };

  radio2.off1 = function() {
  ///this.backgroundColor = '#aaa';
  

  // this.title='';
  this.backgroundImage='/images/unchecked.png';
  this.value = false;
  };
  radio2.addEventListener('click',function(e){
  if(false== e.source.value){
  e.source.on1();
  radio1.backgroundImage='/images/unchecked.png';
  }else{
  // e.source.off1();
  }
  //radio1.backgroundImage='/images/'
  });

  window.add(radio1);
  window.add(radio2);
  window.open();