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)
})
})
这是运行效果
1、通过节点id获取radio对象
2、获取checked,如果为true表示选中,否则是没有选中
示例代码:
<body><input type='radio' id='rd' value='2' name='radio'>二
</body>
<script>
var ck = document.getElementById('rd').checked//获取radio的checked值
if(ck){//如果选中了
alert("选择了单选按钮")
}
</script>