欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Js获取单选框radio的几种方法

程序员文章站 2022-05-13 18:25:56
js获取单选框radio的几种方法 年龄段: 小于18岁 18-40岁 40以上 分数: 小于60分 60-80分 80分以上 方法: function readradio() { // 方法一 v...

js获取单选框radio的几种方法

年龄段: 小于18岁 18-40岁 40以上

分数: 小于60分 60-80分 80分以上

方法:

function readradio() {

// 方法一

var item = null;

var obj = document.getelementsbyname("age")

for (var i = 0; i < obj.length; i++) { //遍历radio

if (obj[i].checked) {

item = obj[i].value;

}

}

alert(item);

// 方法二 jquery版本在1.3之前 (ff和chrome下无效)

item = $('input[name=age][checked]').val();

alert(item);

// jquery 1.3 之后使用

item = $('input[name=age]:checked').val();

alert(item);

// 方法三 jquery 读取多个 版本在1.3之前 (ff和chrome下无效)

$("input[type=radio][checked]").each(function() {

item = $(this).val();

alert(item);

})

// jquery 1.3 之后使用

$("input[type=radio]:checked").each(function() {

item = $(this).val();

alert(item);

})

}