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);
});
});
这是运行效果
男<input type="radio" name="gender" id="gender" value="1" />
女<input type="radio" name="gender" id="gender" value="2" />
这里不能使用jquery中的document.getElementById，因为该对象只能用于拿到在页面上唯一对象的值。而要使用原生javascript中的document.getElementsByName
正确的js代码为：
扩展资料：
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
是一种解释性脚本语言（代码不进行预编译）。
主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
这段代码送给你：
<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%>
<html>
<head>
<script type="text/javascript" >
function baidu(){
var radios = document.getElementsByName("a");
for ( var i = 0; i < radios.length; i++) {
if (radios[i].checked==true) {
i++;
alert("你选中的是第"+i+"个单选框。值为："+radios[--i].value);
}
}
}
</script>
</head>
<body>
<input type="radio" name="a" value="1"/>1
<input type="radio" name="a" value="2"/>2
<input type="radio" name="a" value="3"/>3
<input type="radio" name="a" value="4"/>4
<input type="button" onClick="baidu()" value="按下"/>
</body>
</html>
{
var radio=document.getElementById("id");//radio的id
if (radio.checked)//表示被选中
alert("你在 1 岁到 10 岁之间。");
else
alert("你在 12 到 120 岁之间。");
}
|
广告 您可能关注的内容 |
