JS判断RadioButtonList是否有选中项

转载于 2014-04-24 10:19:00 发布 · 254 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Chaser-Eagle/p/3684801.html

文章标签：

#javascript #ViewUI

本文介绍两种使用JavaScript在提交表单前检查RadioButtonList控件是否已选中选项的方法。方法一通过获取控件并遍历其子输入元素来判断；方法二则遍历整个表单元素，寻找被选中的单选按钮。

提交表单之前对RadioButtonList控件的选中项进行判断：

方法一：

<script type="text/javascript">
function checkra()
        {
             var rbltable = document.getElementByIdx("rbType");
             var rbs = rbltable.getElementsByTagName_r("Input");
             var result = false;
             for (var i = 0; i < rbs.length; i++) {
                 if (rbs[i].checked) {
                     result = true;
                     break;                 }
            }
           
            return result;
        }
   </script>

方法二：

<script type="text/javascript">
   function checkvalue()
{
    var condITion='';
for (var i=0 ; i <form1.elements.length;i++)
{
if (form1.elements[i].type=="radio")
{
if (form1.elements[i].checked )
    {
    condITion=true;
    break;
    }
}
}
    if(!condITion)
    {
        alert("请选择咨询类型");
        return false;
    }
</script>