单击按钮时执行客户端和服务器端功能 - 特定方案
Performing both client side and server side functions on button click - Specific Scenario
我有一个复选框、标签和按钮控件。如果未选中复选框并单击按钮,我需要在标签中显示一条消息,说明首先选中复选框。如果选中该复选框,然后单击按钮,它应该允许我继续。
这与条款和条件屏幕非常相似,如果您不选中复选框 - 则不允许继续。
我正在使用下面的JavaScript。请让我知道我如何完成此功能?
<script type="text/javascript">
function testCheckbox() {
var obj = document.getElementById('<%= chkTerms.ClientID %>');
if (obj.checked == false) {
document.getElementById("lblCheck").style.visibility = "visible";
return false;
}
}
</script>
<asp:Label ID="lblTerms" runat="server" Text="I agree to the Terms and Conditions"> </asp:Label>
<asp:Label ID="lblCheck" runat="server" Text="Please agree to the terms and conditions to proceed"></asp:Label>
<asp:Button ID="btnProceed" runat="server" OnClientClick ="return testCheckbox()" OnClick="btnProceed_Click" Text="Submit" />
ASPX:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#lblCheck').hide();
$('#btnProceed').click(function () {
var $this = $('#chkTerms')
if ($this.is(':checked')) {
$('#lblCheck').hide();
return true;
} else {
$('#lblCheck').show();
return false;
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:CheckBox ID="chkTerms" runat="server" Text="I agree to the Terms and Conditions"/><br />
<asp:Label ID="lblCheck" runat="server" Text="Please agree to the terms and conditions to proceed"/><br />
<asp:Button ID="btnProceed" runat="server" Text="Submit" onclick="btnProceed_Click1" />
</form>
</body>
</html>
代码隐藏:
protected void btnProceed_Click1(object sender, EventArgs e)
{
Response.Write("DD");
//your proceed
}
相关文章:
- 轻量级zxcvbn替代方案
- 正在寻找比$(document).ready慢的$(window).load的替代方案
- ng映射方向备选方案
- 添加文字和评论功能更新Div
- JavaScript打印功能使日历停止工作
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 如何防止网页加载后自动启动功能
- 除修剪外的其他功能
- 悬停功能触发器
- 计时器在使用 jQuery 一分钟后没有触发,或者每 1 分钟后给出一些其他解决方案来触发功能
- 是否有用于CSS浏览器支持新功能的javascript解决方案
- 具有类似onhashchange的相同功能的JavaScript onopstate替代方案
- DOM在指令中未就绪's链接功能.hacky Timeout是唯一的解决方案吗
- 从 web JS 功能在 fb-messenger:// url 方案上共享私人消息中的链接
- 单击按钮时执行客户端和服务器端功能 - 特定方案
- 我的拖放功能解决方案在firefox中不起作用
- 禁用剪切、复制&粘贴功能在CKEditor与Firefox和Chrome.解决方案
- 浏览器嗅探错误/错误行为的替代方案(不是缺乏功能)
- 移动解决方案.entwine onclick:功能
- jqGrid的替代方案,只是ajax的编辑功能