2009-12-23 185 views
0

如何添加驗證以檢查用戶是否在兩個單選按鈕之間進行了選擇?假設有2個單選按鈕;男性和女性。我們如何確保用戶選擇了其中之一?驗證單選按鈕

回答

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> 
0

使用屬性=的ValidationGroup「單選按鈕」,並在後面的代碼的方法,這樣做:

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

更多信息和例子可以發現here

0

使用JavaScript,

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

我想補充一個JavaScript驗證的形式與的onsubmit,然後檢查按鈕的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> 
2

這個問題被標記爲ASP.NET,除非我是m發佈一些東西,不會RadioButtonListRequiredFieldValidator是理想的?看起來像OP是web dev的新手,所以這可能是最簡單的。

0

我的選擇是,默認情況下有一個無線電(如男性)。那麼你不需要驗證是否有人被檢查過。

+0

問題是,這允許用戶跳過選擇,因爲*您已*爲他/她作出了決定。 – GlennG 2013-07-08 14:23:37