htmlradio JavaScript中获取radio的值
今天给各位分享htmlradio的知识,其中也会对JavaScript中获取radio的值进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
JavaScript中获取radio的值
1、radio为单选按钮,一般单选按钮有多个可供选择的项,而只能选择一个,比如男、女
2、那么给radio标签里面设定一个id或者class属性
3、在js里面,可以通过checked这个属性来判断哪一个radio标签被选择,
4、这样就可以获取到radio标签的值,然后根据标签的值进行判断,保存/插入数据库等操作
javascript怎么选中radio
思路:取得radio的值进行判断是否被选中,即用getElementsByName()方法可返回带有指定名称的对象的集合进行判断。
步骤如下:
radio代码片断:
<inputtype="radio"name="a"value="1"/>选中
<inputtype="radio"name="a"value="0"/>未选中
js代码如下:
varb=document.getElementsByName('a');//取得radio的数组进行依次判断
for(vari=0;i<b.length;i++){
if(b[i].checked==true){//如果选中,那么就弹出信息
alert(b[i].value);
}
}
定义和用法
getElementsByName()方法可返回带有指定名称的对象的集合。
语法
document.getElementsByName(name)
该方法与 getElementById()方法相似,但是它查询元素的 name属性,而不是 id属性。
另外,因为一个文档中的 name属性可能不唯一(如 HTML表单中的单选按钮通常具有相同的 name属性),所有 getElementsByName()方法返回的是元素的数组,而不是一个元素。
javascript中怎么获取radio标签的值
1、radio为单选按钮,一般单选按钮有多个可供选择的项,而只能选择一个,比如男、女
2、那么给radio标签里面设定一个id或者class属性
3、在js里面,可以通过checked这个属性来判断哪一个radio标签被选择,
4、这样就可以获取到radio标签的值,然后根据标签的值进行判断,保存/插入数据库等操作
jquery怎么获取radio的值
实例1:
获取一组单选按钮对象:var obj_payPlatform=$('#wrap input[name="payMethod"]');
获取被选中按钮的值:var val_payPlatform=$('#wrap input[name="payMethod"]:checked').val();
实例2:
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:
获取某个radio的值的代码如下:
遍历name为testradio的所有radio代码如下:
取具体某个radio的值,比如第二个radio的值,代码如下:
OK,本文到此结束,希望对大家有所帮助。