HTML表单radio（HTML表单怎么做）

今天给各位分享HTML表单radio的知识，其中也会对HTML表单怎么做进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、如何在html中获取被选中的radio的值
• 2、【html表单】如何实现，选择radio单选按钮的不同项，后续的表单内容也跟着改变？求指点
• 3、HTML表格r中设置adio为什么是选中的
• 4、html中单选按钮控件标签用法解析及如何设置默认选中
• 5、Radio是什么单词的缩写?html里

如何在html中获取被选中的radio的值

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

1:找出网页中备拍基所有控件的name为"rdPort" 的控件,再遍历判断

var ip="";

var rPort = document.all.rdPort;

for(i=0;irPort.length;i++)

{

if(rPort[i].checked)

ip=rPort[i].value;

}

和这个相似的还有另一种:

2: var ip="";

var rPort = document.getElementsByName("rdPort");

for(i=0;irPort.length;i++)

{

if(rPort[i].checked)

ip=rPort[i].value;

}

这两种的差别为::      1为有多个raido时的方法，如果只有一个radio的情况下，则可仿谨以直接用ip=document.all.rdPort.value．这时候问题出现了,我们在进行web编程时，经常碰到这样一种场景：即我们事先不知道页面中有多少个radio，也就是说radio的个数是根据数据库中满足某一条件的记录数目决定的．这时候用上面1的方法就不行了．经过研究，发现用下面2的方法可行，是比较通用的.

使用2: 这样不管从数据库中取出的记录是一条还是多条，都可以统一进行处理．比较该段代码和上边那段代码的区别在于：var rPort=document.getElementsByName("rdPort");这一句上边那段代码中是var rPort = document.all.rdPort．我们知道document.getElementsByName("rdPort")就是得到一个数组，该数组中的元素是该dom树中所有name为rdPort的元素，即使只有一个radio，也是一个只包含一个元素的数组．而document.all.rdPort则不同，它是得到页面中的rdPort元素的引用，当页面中存在多个radio时，它返回的是一个数组，如果页面中只包含一个radio，则得到的就是这个radio对象的引用．由于这时得到的不是一个数组，因此就不能遍贺颂历数组来进行判断了．所以通用的方法还是用document.getElementsByName方法来实现．

注意:,在2中,不可以用getElementById,来代替getElementsByName,因为getElementById只能选取单个控件.

3:一般来说,我喜欢做成函数,所以,也把这个函数做成函数吧,如下:

function   getRadioBoxValue(radioName)

{

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

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

if(obj[i].checked)    {

return   obj[i].value;

}

}

return "undefined";

}

4:javascript radio 全选禁用与取消 ==实现原理相似,找到所有的radio,遍历设置为禁用,或者选择,或者其它什么,这个就不详细说了,按照上面的方法,在for里换成相应的代码,来达到全选择,或者反选,等

script language="javascript"

function checkall(form)//这里是实现设置某一个form里可用不可用

{

for(var i=0;iform.elements.length-2;i++)

{

var e=form.elements[i];

if(e.type=='radio')

e.disabled=form.radio[0].checked;

}

}

/script

keywords: JavaScript, input, radio, checked, value

【html表单】如何实现，选择radio单选按钮的不同项，后续的表单内容也跟着改变？求指点

你可以进行一个逻辑判断，动态的显示后面的枣纳胡复选框内茄唯容。

写个js脚本，拿到你选中的radio中的value值，如凳拦果是女，就动态添加4.5.6复选框，具体js语法还得靠自己慢慢琢磨啊，这个东西告诉一遍会了，以后还是会忘记，重要的是要学会去查相关的js文档，这个网站可以帮到你。

HTML表格r中设置adio为什么是选中的

HTML表格中设置radio为默认选中后就可以选中状态。

html中radio的告郑属性设置如下：

选中:input type="radio" id="r1" checked="checked"

不选中：input type="radio" id="r1" checked="unchecked"

关于radio：

Radio 对象代表 HTML 表单中的单选按钮。

在 HTML 表单中 input type="radio" 每出现一次，一个 Radio 对象就会被创建。

单选按钮是表知友哪示一组互斥选项按钮中的一个。当一个按钮被选搭码中，之前选中的按钮就变为非选中的。

当单选按钮被选中或不选中时，该按钮就会触发 onclick 事件句柄。

可通过遍历表单的 elements[] 数组来访问 Radio 对象，或者通过使用 document.getElementById()。

html中单选按钮控件标签用法解析及如何设置默认选中

方法有两种。

第一种通过select的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。

select  id =  "sel"

option  value = "1" 1/ option

option  value = "2"  中腊selected = "selected" 2/ option

option  value = "3" 3/ option

/ select  

第二种为通过前端js来控制选中的项:

script  type = "text/javascript"

function change(){

document.getElementById("sel")[2].selected=true;

}

/ script

select  id =  "sel"

option  value = "1" 1/ option

option  value = "2" 2/ option

option  value = "3" 3/ option

/ select

input  type = "button"  value = "修改"  onclick = "change()"  /

获取select标签选中项文本的js代码为:

var  val = document.all.Item.options[document.all.Item.selectedIndex].text;

var  i=document.getElementById('sel').options[document.getElementById('sel').selectedIndex].value;

扩展资料

Radio 对象代表 HTML 表单中的单选按钮。在 HTML 表单中 input type="radio" 每出现一次，一个 Radio 对象就会被创建。

单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中，之前选中的按钮就变为非选中的。当单选按钮被选中或不选中时，该按钮就会触发 onclick 事件句柄。您可通过遍历表单的 elements[] 数组来访问 Radio 对象或培者，或者衫薯通过使用 document.getElementById()。

参考资料：百度百科-radio

Radio是什么单词的缩写?html里

radio就是英文“激弊无笑消线电收音机”或“电台”的意思。

老式收音机频道切换就是这种按钮，一个按下去，其它明升族的弹出来。于是HTML中的这种按钮也就称作 radio button了。

HTML表单radio的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于HTML表单怎么做、HTML表单radio的信息别忘了在本站进行查找喔。