ASP.NET 中的警报消息

Question

我是 ASP.NET 编程新手。 如果未单击 RadioButton，我需要显示一条消息。 我已经为 onclick 事件编写了 JavaScript 来处理单选。

我的代码：

if(rbTest.Checked == true)
{
        //my code
}
else
{
    string message = "Please select case to download";
    lnkbtnDownload.Attributes.Add("onclick", "alert('" + message + "');return false;");
}

即使我选择了单选按钮，它也会继续显示警报消息。 为什么？

Answer 1

您必须检查 lnkbtnDownload 的 onclick 处理程序中是否单击了单选按钮。

lnkbtnDownload.Attributes.Add("onclick","if(!document.getElementById('rbTest').checked))alert('message')");

Answer 2

您需要了解服务器端代码和客户端代码之间的区别。 您的代码是用 C# 编写的，在服务器上运行。 情况：

我假设正在发生以下 您的页面首次呈现，并且用户没有选择相关的单选按钮。 然后他/她提交页面（可能通过 LinkBut​​ton）。

b. 您的页面将提交，您粘贴的代码将在服务器上运行。 您检查单选按钮是否被选中。 如果没有，您可以向 LinkBut​​ton 添加一个属性，以便当单击 LinkBut​​ton 时，它将引发警报。

C。 您的页面在回发后呈现，并将新属性添加到 LinkBut​​ton。

d. 单击 LinkBut​​ton 后，您会收到一条包含该消息的警报。 由于您已将其设置为返回 false，因此该页面将不会再次提交，并将继续向您显示警报。

你看到这里发生了什么吗？ 您的警报条件需要在客户端本身进行检查。 @Phoenix 提供的代码片段应该是一个很好的起点。

Answer 3

这相对难看，但可以解决问题：

<script>
  var rbSelected = false;
</script>

<form onsubmit="if (!rbSelected) { alert('You must select something!";return false}">
 <input type="radio" name="rbTest" onclick="rbSelected=true" value=1>a
 <input type="radio" name="rbTest" onclick="rbSelected=true" value=2>b
 <input type="radio" name="rbTest" onclick="rbSelected=true" value=3>c
 <input type="submit value="Submit">
</form>

如果您有多个单选按钮（我希望您这样做），那么如果没有所有这些额外的循环逻辑等，您真的无法使用 getElementById...这可以避免循环。

请参阅示例：http://jsbin.com/edoke

Answer 4

使用

var r = documet.getElementById("rbTest")

然后与 r[0].checked

使用索引进行比较，因为 radiobutton r 可以是一个数组