您现在的位置是:首页» windows系统» input单选按钮设置,如何定义input为单选框

input单选按钮设置,如何定义input为单选框

2023-12-05 08:02:15
今天小编为大家分享Windows系统下载、Windows系统教程、windows相关应用程序的文章,希望能够帮助到大家! 原理就是:一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值.

今天小编为大家分享Windows系统下载、Windows系统教程、windows相关应用程序的文章,希望能够帮助到大家!

原理就是:一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值.

<form id="userlist" method="post" action="option.php">

<input type="radio" name="userid" value="1">1

<input type="radio" name="userid" value="2">2

<input type="radio" name="userid" value="3">3

<script language="javascript">

var radionum= document.getElementById("userlist").userid;

for(var i=0;i<radionum.length;i++){

window.location.href='option.php?action='+action+'&userid='+userid;

上面的需要注意form中设置了id(userlist)

这里有两个要注意的地方:一个是如何取值,一个是如何遍历

document.getElementById("userlist").userid;

这是根据form的id再取其中控件元素的name取值的方法。

也可以用document.getElementsByName("userid")直接获得

getElementById与getElementsByName的区别,getElementById取radio类型元素只能选取单个控件,getElementsByName取radio类型元素的时候是取出的整个radio数组,如果一定要用getElementById,则可像上面代码一样先用getElementById取得整个表单的id.后面紧跟radio名称即可

现在知道document.getElementsByName("userid")就是得到一个数组,该数组中的元素是该dom树中所有name为radionum的元素,即使只有一个radio,也是一个只包含一个元素的数组.

而document.all.userid则不同,它是得到页面中的userid元素的引用,当页面中存在多个radio时,它返回的是一个数组,如果页面中只包含一个radio,则得到的就是这个radio对象的引用.由于这时得到的不是一个数组,因此就不能遍历数组来进行判断了.

function getRadioBoxValue(radioName)

var obj= document.getElementsByName(radioName);//这个是以标签的name来取控件

for(i=0; i<obj.length;i++){

var form1= document.getElementById("form1");

for(i=0; i<form1.r.length; i++)

alert("您选择项的 value是:"+ form1.r[i].value);

id在HTML中7的作用是给一o个m单元n(元p素,标签)一b个j独一w无h二a的标识或标记,让流览器在分4析处理网页时找到id所在的地方7。常用于k:(3)元w素的风3格(style sheet)选择(0)揿<A。。>的链接,可以1跳到这个pid所在的地方4。(2)脚本语言用它作为2表记,找到id所在的单元r。(2)用作声明OBJECT的单元s的标识如果你想区x别不t同的<input>,当然可以0给它们加id。例如:<INPUT id="s0" type="radio" name="sex" value="Male"> Male<BR><INPUT id="s3"type="radio" name="sex" value="Female"> Female<BR>l◥そezp础vвзxЁ□p础vвзu▽e

wwW.Xtw.Com.cN系统网专业的PC、手机系统开发下载平台,HarmonyOS系统、安卓、OS、windows电脑重装系统在线下载安装,操作系统平台技术学习,攻略教程,技术交流。

免责声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。内容仅供参考使用,不准确地方联系删除处理!

联系邮箱:773537036@qq.com

标签: 设为 单选 按钮