html中radio怎么获取值，js获取选中的radio的值

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

1、radio为单选按钮，一般单选按钮有多个可供选择的项，而只能选择一个，比如男、女

2、那么给radio标签里面设定一个id或者class属性

3、在js里面，可以通过checked这个属性来判断哪一个radio标签被选择，

4、这样就可以获取到radio标签的值，然后根据标签的值进行判断，保存/插入数据库等操作

1、思路：取得radio的值进行判断是否被选中，即用getElementsByName()方法可返回带有指定名称的对象的集合进行判断。

2、<inputtype="radio"name="a"value="1"/>选中

3、<inputtype="radio"name="a"value="0"/>未选中

js代码如下：

4、varb=document.getElementsByName('a');//取得radio的数组进行依次判断

5、for(vari=0;i<b.length;i++){

6、if(b[i].checked==true){//如果选中，那么就弹出信息

7、getElementsByName()方法可返回带有指定名称的对象的集合。

8、document.getElementsByName(name)

9、该方法与 getElementById()方法相似，但是它查询元素的 name属性，而不是 id属性。

10、另外，因为一个文档中的 name属性可能不唯一（如 HTML表单中的单选按钮通常具有相同的 name属性），所有 getElementsByName()方法返回的是元素的数组，而不是一个元素。

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