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时，代表选择了“学生”；

HTML应用单选框实例相关推荐

Android点击事件、下拉菜单、单选框实例
Android点击事件.下拉菜单.单选框实例点击事件 1.ClickActivity.java import android.app.Activity; import android.os.Bund ...
html表单设置单选框,html如何实现表单的选择框效果？单选框与多选框的实现（代码实例）...
在使用表单提交数据的时候,为了减少用户的一些操作,使用选择框是一个好主意.本章给大家介绍html如何实现表单的选择框效果?单选框与复选框的实现(代码实例).通过单选框代码和复选框代码实例,实现单选框样 ...
[微信小程序]单选框以及多选框实例代码附讲解
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 效果图 <radio-group class="radio-group" b ...
Python3+Selenium3 之滚动条操作实例与单选框的实例演示
Python3+Selenium3单选框代码如下: #coding:utf-8 #导入selenium from selenium import webdriver #设置等待时间导入pytho ...
微信小程序单选框radio使用实例
radio 用来实现单选框效果,本文章效果如下: 1 wxml 文件中 <view class="tui-content"><radio-group class= ...
python 下拉列表单选框怎么获取元素_JS获取文本框,下拉框,单选框的值的简单实例...
1.文本框 1.1 通过var t=document.getElementById("test").value把值赋给变量t, 1.2 当然也可以反过来把已知的变量值赋给文本框,例 ...
[CSS]复选框单选框与文字对齐问题的研究与解决.
前言: 今天碰到的这个问题, 恰好找到一个很好的博文, 在这里转载过来学习下. 原文地址:复选框单选框与文字对齐问题的研究与解决. 目前中文网站上面的文字,就我的个人感觉而言,绝大多数网站的主流文 ...
jquery单选框radio绑定click事件实现和是否选中的方法
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1. ...
PHP单选框实现的方法,jQuery简单实现遍历单选框的方法
本文实例讲述了jQuery简单实现遍历单选框的方法.分享给大家供大家参考,具体如下: 1.问题背景: 有四个单选框,分别为一年四季,现在需要判断是否选中,如果选中这个单选框,就将其值赋值给输入框 2. ...

HTML应用单选框实例

HTML应用单选框实例相关推荐

最新文章

热门文章