重置重置按钮上的复选框单击钛

Question

我用谷歌搜索并找到了下面创建复选框的代码。但是当我同时单击 checkbox.my 要求时这些复选框被选中，我需要一个复选框被选中而另一个是 unchecked.that必须一次选中一个复选框。然后按重置按钮，所有复选框都应取消选中。

 var win = Ti.UI.createWindow({backgroundColor:"white"});
 var checkbox = Ti.UI.createSwitch({
style:Ti.UI.Android.SWITCH_STYLE_CHECKBOX,
title:"male",
value:true
 });

win.add(checkbox);
checkbox.addEventListener("change", function(e){
Ti.API.info("The checkbox has been set to " + e.value);
});
  var checkbox1 = Ti.UI.createSwitch({
style:Ti.UI.Android.SWITCH_STYLE_CHECKBOX,
title:"female",
value:true
 });

win.add(checkbox1);
checkbox1.addEventListener("change", function(e){
Ti.API.info("The checkbox has been set to " + e.value);
});
var resetbtn = Ti.UI.createButton({
top : '100',
width : '50',
height : '35',
title  : 'Reset'
});
win1.add(resetbtn);
resetbtn.addEventListener('click', function(){
checkbox.value='';
 }
win.open();

请帮助我，我是钛的新手，我希望在按下重置按钮时取消选中复选框，并且一次单击一个复选框。

Answer 1

作为您的查询，您需要以下内容：

您需要选中一个复选框，同时取消选中其他复选框，即必须一次选中一个复选框。
按重置按钮应取消选中所有复选框。

对于第 1 点：这是该点的代码：

     var win = Ti.UI.createWindow({backgroundColor:"white"});

     var checkbox = Ti.UI.createSwitch({
         style:Ti.UI.Android.SWITCH_STYLE_CHECKBOX,
         title:"male",
         value:true,
         width: "200dp", height:"120dp", left:"10dp"
     });

     win.add(checkbox);
     checkbox.addEventListener("change", function(e){
         Ti.API.info("The checkbox has been set to " + e.value);
         if(e.value) {
            checkbox1.value=false;
         } else {
            checkbox1.value=true;
         }
    });

    var checkbox1 = Ti.UI.createSwitch({
      style:Ti.UI.Android.SWITCH_STYLE_CHECKBOX,
      title:"female",
      value:true
   });

   win.add(checkbox1);
   checkbox1.addEventListener("change", function(e){
      Ti.API.info("The checkbox has been set to " + e.value);
      if(e.value) {
         checkbox.value=false;
      } else {
        checkbox.value=true;
      }
   });
   var resetbtn = Ti.UI.createButton({
   top : '100',
   width : '50',
   height : '35',
   title  : 'Reset'
   });
   win.add(resetbtn);

   resetbtn.addEventListener('click', function(){
       Ti.API.info('Refresh button click');

   });

   win.open();

对于第 2 点：我只是根据您的需要编写代码，但这不是我认为的正确方法。如果您想根据您的要求重置复选框（一次必须选中一个复选框），那么最好将图像用于复选框或单选按钮。但这是代码：

var win = Ti.UI.createWindow({backgroundColor:"white"});
var checkFlag = true;
var resetTouch = false;
 var checkbox = Ti.UI.createSwitch({
style:Ti.UI.Android.SWITCH_STYLE_CHECKBOX,
title:"male",
value:true,
width: "200dp", height:"120dp", left:"10dp"
 });

win.add(checkbox);
checkbox.addEventListener("change", function(e){
Ti.API.info("The checkbox has been set to " + e.value);
if(e.value) {
    checkbox1.value=false;
} else {
    checkbox1.value=true;
}


});
  var checkbox1 = Ti.UI.createSwitch({
style:Ti.UI.Android.SWITCH_STYLE_CHECKBOX,
title:"female",
value:true
 });

win.add(checkbox1);
checkbox1.addEventListener("change", function(e){
Ti.API.info("The checkbox has been set to " + e.value);
if(e.value) {
    checkbox.value=false;
} else {
    checkbox.value=true;
}
});
var resetbtn = Ti.UI.createButton({
top : '100',
width : '50',
height : '35',
title  : 'Reset'
});
win.add(resetbtn);

var checkboxNew = Ti.UI.createSwitch({
    style:Ti.UI.Android.SWITCH_STYLE_CHECKBOX,
    title:"male",
    value:false,
    width: "200dp", height:"120dp", left:"10dp"
 });
win.add(checkboxNew);

var checkboxNew1 = Ti.UI.createSwitch({
    style:Ti.UI.Android.SWITCH_STYLE_CHECKBOX,
    title:"female",
    value:false
});

win.add(checkboxNew1);

resetbtn.addEventListener('click', function(){
    Ti.API.info('checkFlag = ' + checkFlag);
    if(checkFlag) {
        checkbox.hide();
        checkbox1.hide();
        checkboxNew.show();
        checkboxNew1.show();

        checkFlag = false;
    } else {
        checkbox.show();
        checkbox1.show();
        checkboxNew.hide();
        checkboxNew1.hide();

        checkFlag = true;
    }

});
checkboxNew.addEventListener("change", function(e){
    Ti.API.info("The checkboxNew has been set to " + e.value);
    checkboxNew.value=false;
    checkboxNew1.value=false;

});
checkboxNew1.addEventListener("change", function(e){
    Ti.API.info("The checkboxNew1 has been set to " + e.value);
    checkboxNew.value=false;
    checkboxNew1.value=false;

});
checkbox.hide();
checkbox1.hide();
checkboxNew.show();
checkboxNew1.show();


win.open();

请看一下

重置重置按钮上的复选框单击钛

reseting checkbox on reset button click in titanium

titanium