对radiobuttons的验证

时间:2009-12-23 04:06:25

标签: asp.net

如何添加验证以检查用户是否在两个单选按钮之间进行了选择?假设有2个单选按钮;男性和女性。我们如何确保用户选择其中一个?

6 个答案:

答案 0 :(得分:2)

这个问题标记为ASP.NET,除非我遗漏了某些内容,RadioButtonList RequiredFieldValidator不是理想的吗?似乎OP是web dev的新手,所以这可能是最简单的。

答案 1 :(得分:1)

您可以使用单选按钮的名称,然后使用以下

function CheckState()
{
    var rad = document.getElementsByName ( "rdToCheck" );
    var isChecked = false;

    for ( var i = 0;i < rad.length; i++ )
    {
        if ( rad[i].checked == true )
        {
            isChecked = true;
            break;
        }
    }

    if ( !isChecked )
    {
        alert ( "Please select an option" );
    }
}

<input type="radio" id="rd1" name="rdToCheck" />
<input type="radio" id="rd2" name="rdToCheck" />

<button id="btn1" onclick="CheckState();">Click</button>

答案 2 :(得分:0)

使用属性ValidationGroup =“radiobuttons”并在您的代码隐藏方法中执行:

Page.Validate("radiobuttons");
if (Page.IsValid)
{
  // do some code
}

可以找到更多信息和示例here

答案 3 :(得分:0)

使用javascript,

if(document.getElementById("ur1stradiobuttonID").checked== false &&
  document.getElementById("ur2ndradiobuttonID").checked== false)
 {
  alert("Select an option");
  return false;
  }
  else
    return true;

答案 4 :(得分:0)

我会使用onsubmit向表单添加javascript验证,然后检查javascript函数中的按钮

<form onsubmit="return checkButtons();" >

<script>
function checkButtons() {
   if (document.form1.myRadioButton[0].checked != true && 
         document.form1.myRadioButton[1].check != true )
{
    alert('select a button');
    return false;
}

}
</script>

答案 5 :(得分:0)

我的选择是,默认选中一个收音机(例如男性)。那么你不需要验证是否已经检查过一个。