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

JavaScript020

Javascript 如何判断其中一个radio被选中,第1张

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>