Question

JS怎么判断 radio是否被选中

Answer 1

需要准备的材料分别有：电脑、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是否被选中的判断结果。

Answer 2

JS判断radio单选按钮是否被选中的方法：
1、在html中定义input类型为radio的dom元素：
<input type="radio" name="gender" id="gender_Male" value="男" />
<input type="radio" name="gender" id="gender_Female" value="女" />

2、定义判断是否被选中的函数：
<script type="text/javascript">

function checkRadio()
获取gender数组的长度
var len = document.getElementsByName('gender').length;
开始循环判断
for (i = 0; i < len ; i++) {
如果是checked状态，则弹出this radio button was clicked，并显示值
if (document.getElementsByName('gender')[i].checked) {
alert("this radio button was clicked: " + document.getElementsByName('gender')[i].value);
记录当前选中的值
radio_check_val = document.getElementsByName('gender')[i].value;
}
}

</script>

Answer 3

<input type="radio" name="a" id="a" onClick="a()" value="1">
<script>
function a()
{
if(document.getElementById("a").checked)
{
alert("选");
//document.write(document.getElementById("a").value)
}
else
{
//!document.getElementById("a").checked
alert("中")
}
}
</script>
测试OK