js选中radio的某一个,js设置radio被选中
如何用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);
});
});
这是运行效果