要實現 RadioButtonList 的驗證邏輯,可以使用 JavaScript 或服務器端代碼進行驗證。這里我將為您提供兩種方法的示例。
在頁面中添加以下 HTML 和 JavaScript 代碼:
<!DOCTYPE html>
<html>
<head>
<title>RadioButtonList Validation</title>
<script type="text/javascript">
function validateRadioButtonList() {
var radioButtons = document.getElementsByName("radioButtonList");
var isChecked = false;
for (var i = 0; i< radioButtons.length; i++) {
if (radioButtons[i].checked) {
isChecked = true;
break;
}
}
if (!isChecked) {
alert("請選擇一個選項!");
return false;
} else {
return true;
}
}
</script>
</head>
<body>
<form onsubmit="return validateRadioButtonList();">
<input type="radio" name="radioButtonList" value="option1"> Option 1<br>
<input type="radio" name="radioButtonList" value="option2"> Option 2<br>
<input type="radio" name="radioButtonList" value="option3"> Option 3<br>
<input type="submit" value="Submit">
</form>
</body>
</html>
在頁面中添加以下 HTML 和 ASP.NET 代碼:
<!DOCTYPE html>
<html>
<head>
<title>RadioButtonList Validation</title>
</head>
<body>
<form runat="server">
<asp:RadioButtonList ID="RadioButtonList1" runat="server">
<asp:ListItem Value="option1">Option 1</asp:ListItem>
<asp:ListItem Value="option2">Option 2</asp:ListItem>
<asp:ListItem Value="option3">Option 3</asp:ListItem>
</asp:RadioButtonList>
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" />
<asp:Label ID="lblMessage" runat="server" ForeColor="Red"></asp:Label>
</form>
</body>
</html>
在代碼后臺(例如 Default.aspx.cs)中添加以下 C# 代碼:
using System;
using System.Web.UI;
public partial class _Default : Page
{
protected void btnSubmit_Click(object sender, EventArgs e)
{
if (RadioButtonList1.SelectedIndex == -1)
{
lblMessage.Text = "請選擇一個選項!";
}
else
{
lblMessage.Text = "您選擇了:" + RadioButtonList1.SelectedValue;
}
}
}
這樣,無論是使用 JavaScript 還是服務器端代碼,都可以實現 RadioButtonList 的驗證邏輯。請根據您的需求選擇合適的方法。