JS判断页面上的单选按钮是否选中

<html>
<head>
<title>test</title>
<script>
function onsubmitTest() {
var flage = false;
var radios = document.forms[0].radio1;
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked == true) {
flage = true;
alert("选择了第" + i + "个单选按钮");
return true;
}
}
if (!flage) {
alert("一个单选按钮都没有选择!");
return false;
}
}
</script>
</head>
<body>
<form name="form1" method="get" action="#" οnsubmit='onsubmitTest();'>
<input type="radio" name="radio1" value="1" id="radio1"><label for='radio1'>单选按钮一</label>
<input type="radio" name="radio1" value="2" id="radio2"><label for='radio2'>单选按钮二</label>
<input type="radio" name="radio1" value="3" id="radio3"><label for='radio3'>单选按钮三</label>
<input type="submit" />
</form>
</body>

</html>



<html>  
<head>  
<title>test</title>  
<script>  
function onsubmitTest() {  
var flage = false;  
var radios = document.forms[0].radio1; 

// 没有单选按钮的情况
if (typeof radios == 'undefined') {
alert("一个单选按钮都没有!");
}

// 只有一个单选按钮的情况
if (typeof radios.length == 'undefined') {
alert("只有一个单选按钮。");
if (document.forms[0].radio1.checked == true) {
alert("只有一个按钮,已选中");
return true;
} else {
alert("只有一个按钮,没有选中");
return false;
}
} else { // 多于一个单选按钮的情况
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked == true) {
flage = true;  
alert("选择了第" + (parseInt(i) + 1) + "个单选按钮");  
return true;  
}
}
}
if (!flage) {  
alert("一个单选按钮都没有被选中!");  
return false;  
}  
}
</script>  
    </head>  
<body>  
    <form name="form1" method="get" action="#" οnsubmit='onsubmitTest();'>  
        <input type="radio" name="radio1" value="1" id="radio1"><label for='radio1'>单选按钮一</label>
        <input type="radio" name="radio1" value="2" id="radio2"><label for='radio2'>单选按钮二</label>  
        <input type="radio" name="radio1" value="3" id="radio3"><label for='radio3'>单选按钮三</label>
        <input type="submit" />  
    </form>  
</body>  
</html>


来源:http://xjh.iteye.com/blog/32982

相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页