![](/img/trans.png)
[英]execute clientside javascript function using codebehind function in asp.net
[英]Add javascript event to input checkbox to execute in codebehind asp.net,
我在aspx页面中有一个html控件。
<input type="checkbox" name="Booking" id="chkBooking" class="css-checkbox" runat="server" /><label for="chkBooking" class="css-label">Booking</label>
我想在单击复选框时添加一个javascript事件,该事件将在代码隐藏中执行,就像我在网上找到的以下示例一样:
TextBox1.Attributes.Add("onkeyup", displayControlName +
".innerText=this.value.length;");
如何在后面的代码中调用该事件?
不太了解这个问题。 您可以在asp.net复选框上设置AutoPostback =“ true”并设置其onCheckedChanged事件。
<asp:CheckBox id="cb" OnCheckedChanged="cb_CheckedChanged" AutoPostBack="true" runat="server">
并且,在后面的代码中
protected void cb_CheckedChanged(object sender, EventArgs e)
{
//do whatever you want
}
机敏的是,如果需要,您可以连接一个javascript事件以单击一个按钮-但是当它已经具有回发功能时为什么要这样做呢?
<input type="checkbox" onclick="submitit()">
<asp:Button ID="btn" runat="server" OnClick="btn_Click" Height="0" Width="0" CssClass="hidden" />
<script type="text/javascript">
function submitit()
{
document.getElementById('btn').click();
}
然后,当单击复选框时,javascript函数将单击按钮,页面回发并运行btn_Click。
protected void btn_Click(object sender, EventArgs e)
{
//do whatever you want
}
您可以在选中的事件上添加JavaScript
if(chkBooking.Checked)
{
String scriptText = String.Empty;
scriptText += "function ShowAlert(){";
scriptText += " alert( " +
" document.forms[0].TextBox1.value";
scriptText += ")}";
ClientScript.RegisterClientScriptBlock(this.GetType(),
"CounterScript", scriptText, true);
}
希望这可以帮助。
创建一个asp:HiddenField(在这种情况下,ID为hiddenField),并使用以下jQuery代码获取复选框值:
这个对我有用。 您可以从这个问题中查看更多[问题] 在jQuery中获取复选框值
$('#chkBooking').click(function (e) {
e.preventDefault();
$('#hiddenField').val($('#chkBooking').val());
$("form").submit();
});
首先,如果您想在Button click上调用服务器端函数,那么为什么不触发服务器端按钮控件,并在Button的OnClick事件触发时调用所需的函数。
YourPage.aspx
<asp:Button runat="server" ID="BigButton" OnClick="BigButton_Click" Text="Big Button" />
YourPage.aspx.cs
protected void BigButton_Click(object sender, EventArgs e)
{
//Call your function from here
}
注意: 您可以使用CssClass属性在服务器端控件上添加css。
<asp:Label CssClass="bingo" ID="displayLabel" runat="server" />
或尝试以下答案:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.