js选中radio的某一个,js设置radio被选中

http://www.itjxue.com  2023-01-20 06:08  来源:未知  点击次数: 

如何用JavaScript取得Radio被选中的值

思路:在html中获取被选中的radio的值,即用getElementsByName() 方法可返回带有指定名称的对象的集合进行判断。

步骤如下:

radio代码片断:

input type="radio" name="a1" value="1"/正确

input type="radio" name="a1" value="0" /错误

js代码如下:

var b1= document.getElementsByName('a1');

for (var i = 0; i b1.length; i++) {

if (b1[i].checked == true) {//如果选中,下面的alert就会弹出选中的值

alert(b1[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标签的值,然后根据标签的值进行判断,保存/插入数据库等操作

js如何判断多个radio其中选中了一个radio并获取选中radio值

var v=document.getElementsByName('sel')

var j=0

for (var i=0;iv.length;i++){

if(v.item(i).checked){

j++

}

}

if(j1){

alert(" 一个位选中")

}

javascript怎么选中radio

可以按照下面的代码来操作:

html

head

script type="text/javascript" src="./jquery.min.js"/script

/head

body

div

input id="rdo1" name="rdo1" type="radio" value="1" checked="checked"/是

input id="rdo1" name="rdo1" type="radio" value="0"/否

button id="btn1"是/button

button id="btn2"否/button

div

script type="text/javascript"

$(function(){

$("#btn1").click(function(){

$("input[name='rdo1']").eq(0).attr("checked","checked");

$("input[name='rdo1']").eq(1).removeAttr("checked");

$("input[name='rdo1']").eq(0).click();

});

$("#btn2").click(function(){

$("input[name='rdo1']").eq(0).removeAttr("checked");

$("input[name='rdo1']").eq(1).attr("checked","checked");

$("input[name='rdo1']").eq(1).click();

});

});

/script

/body

/html

js获取一个明细表中一组radio的选中项

参考如下:

首先是单选框:

input type="radio" name="isAuto" value="1"/是 input type="radio" name="isAuto" value="0" /否

其次Javascript代码如下:

var isAutoSend = document.getElementsByName('isAuto');

for (var i = 0; i isAutoSend.length; i++) {

if (isAutoSend[i].checked == true) {

alert(isAutoSend[i].value);

}

}

Javascript 如何判断其中一个radio被选中

Javascript判断哪一个radio被选中,可以用jquery的选择器方便的找到和判断。

选择器的写法像这样$("[name=radio的name]:checked")。

这是针对此问题的测试页面。

1、这是html代码,有2个ratio,name都是"sex",值分别为"男"和"女"

男:

input type="radio" name="sex" value="男" /

br /

女:

input type="radio" name="sex" value="女" /

br/

br/

button id="button"

选中的性别是

/button

2、在javascript代码中,绑定按钮事件,点击时用选择器判断哪个ratio选中并弹窗。

$(function() {

$("#button").click(function() {

var val = $("[name=sex]:checked").val();

val = val || '未选中';

alert(val);

});

});

这是运行效果

(责任编辑:IT教学网)

更多

相关杀毒防毒文章

推荐杀毒防毒文章