HTML应用单选框实例

单选框代码：

<div class="dxan">
     <label class="radio-inline">
          <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="0" onclick="pd(0)"> 管理员
     </label>
     <label class="radio-inline">
          <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="1" onclick="pd(1)"> 教师
     </label>
     <label class="radio-inline">
          <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="2" onclick="pd(2)"> 学生
     </label>
</div>

其中 “管理员” 身份对应的value为0，

“教师”身份对应的value为1，

“学生身份对应的value为2；

js判断 选择了哪一个单选框 的代码：

var tag = false;
var val;
for(inlineRadioOptions in radios) {
    if(radios[inlineRadioOptions].checked) {
        tag = true;
        val = radios[inlineRadioOptions].value;
        break;
     }
}

在这里，用val得到了对应身份的value值；

当val=0时，代表选择了”管理员";

当val=1时，代表选择了“教师”；

当val=2时，代表选择了“学生”；