js获取单选框里面的值
rt,如果想获取单选框里面的值,该如何获取呢。
<script> window.onload = function(){ //通过名字获取 getElementsByName //var obj = document.getElementsByName("fruit"); //通过标签获取 getElementsByTagName var obj = document.getElementsByTagName("input");for(var i=0; i<obj.length; i ++){if(obj[i].checked){alert(obj[i].value);}} }</script><form> <input type="radio" name ="fruit" value="apple" checked>苹果 <input type="radio" name ="fruit" value="banana">香蕉 <input type="radio" name ="fruit" value="pear">梨 </form>
知识点:
1,通过元素的名字获取元素列表
var obj = document.getElementsByName("fruit");
2,通过标签的名字获取元素列表
var obj = document.getElementsByTagName("input");
3,是否选中
obj[i].checked;
4,单选框里面的值
obj[i].value;
js获取单选框里面的值相关推荐
- 如何获取select中的value、text、index相关值 如何获取单选框中radio值 触发事件 radio 默认选中...
如何获取select中的value.text.index相关值 select还是比较常用的一个标签,如何获取其中的内容呢? 如下所示: <select id="select" ...
- 关于jquery获取单选框value属性值为on的问题
当取单选框的value值的时候,前提是要有value这个属性,如果没有value属性那么取出来的就会为on 取value值的常见三种方式为 $("input[name='XXX']:chec ...
- 原生JS获取单选框或复选框的选中值的方法
菜鸟入门篇,请各位大大忽略. Step1:从dom上获取到需要的元素,例如有一组单选框的name="sex" var inputs=document.getElementsByNa ...
- 5.js获取文本框的value值
1.首先通过文本框的使用getElementById("idName"):方法来获取文本框对象: 2.通过文本框对象来获取文本款的value值 1 <!DOCTYPE HTM ...
- 如何通过name获取单选框和复选框选中状态的value值?
概述 有时候我们会遇到这组情况,就是需要通过单选框的name值获取到当前选中状态的value值,提交到后端,进行数据的修改,那么我们就来看看如何进行获取吧! 应用场景:我们有时候需要获取到单选框或者是 ...
- jquery获取单选框复选框下拉框值
jquery获取单选框(radio)复选框(checkbox)下拉框(select)的值,亲测可用.有什么疑问可以留言 效果图: html代码: <!DOCTYPE html> <h ...
- 如何用javascript获取文本框,下拉框,单选框的对应值或者将值赋给它们?雪原虎 发布于:2007-10-22 00:32
如何用javascript获取文本框,下拉框,单选框的对应值或者将值赋给它们? 雪原虎 发布于:2007-10-22 00:32 1.文本框 1.1 <input type="text ...
- js触发onclick事件获取文本框中的值value
1.首先我们创建一到两个文本框 ,使用 <input >标签 <!--创建文本框: type:类型, value:初始值,可以不设置 id:唯一性-->用户名: <inp ...
- js遍历ul里面的li里面的值
不多说,直接上代码 <ul id="ul_damainList"><li class="oddli"><span><! ...
最新文章
- OPENCV图像数据类型
- 自学python推荐书籍 知乎-在知乎上学 Python - 爬虫篇
- java内部类的使用
- mysql key value 引擎_mysql集成的key-value引擎-个人翻译
- Jsoup使用DOM方法来遍历一个文档
- 开发微信小程序-家教信息平台的策划
- 七、基于机器学习方法对销售预测的研究
- raid服务器如何备份系统,RAID服务器的系统分区备份方法
- SQL Statements
- bootstrap3 侧边导航栏
- msm8996平台的一些debug方法
- c++智能指针简单使用
- 【npm】tunneling socket could not be established
- Dream_Chaser队训练赛第一场 K题
- 微信小程序 环形进度条_微信小程序实现圆形进度条动画
- 数说“德尔塔”病毒,数据分析展示变异新冠毒株的传播情况
- 关于Andriod org.gradle.api.tasks.TaskExecutionException: Execution failed for task 问题及解决办法
- BLOB图像处理技术
- VS提示LNK1181,无法打开XXX.lib
- php详情页模板怎么做,WordPress自定义文章详情页模板