不象checkbox components复选框组可能选择多个选项,radio components单选组件只允许您在一个问题上选择一个答案。

  1. 如下图所示屏幕的布局。与复选框的布局几乎是一样的不同是将四个复选框换成了四个单选框。

  2. 给第一个radio components组件的label命名为Amaizing。其中最重要是它的的groupName名称,它使我们知道所有的radio components是一个组,我们将其命名为myAdjective。

  3. 第二个radio components的命名如下图所示,但不要忘记了他的groupname名称为myAdjective。

  4. 第三个单选钮的设置如下:

  5. 第四个单选钮的设置如下:

  6. 现在所有的单选钮都已设置完毕。我们将在脚本层的第一帧上输入代码:

myForm = this;
submitButtonListener = new Object();
submitButtonListener.click = function() {
var selectedRadioButton = myAdjective.selection;
var selectedRadioButtonLabel = selectedRadioButton.label;
statusMessage.text = "You are "+selectedRadioButtonLabel;
};
submitButton.addEventListener("click", submitButtonListener);