需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。
2、在index.html中的<script>标签，输入js代码：
if ($("input[type='radio']:checked").val()) {
$('body').append('被选中')
} else {
$('body').append('未被选中')
}
3、浏览器运行index.html页面，此时js打印了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)
})
})
这是运行效果
思路：在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 = 0i <b1.lengthi++) {
if (b1[i].checked == true) {//如果选中，下面的alert就会弹出选中的值
alert(b1[i].value)
}
}
定义和用法
getElementsByName() 方法可返回带有指定名称的对象的集合。
语法
document.getElementsByName(name)
该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。
另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。
