Asp.Net 用后台代码给Server控件添加Client端JS方法

最新推荐文章于 2021-03-01 21:02:43 发布

weixin_34236497

最新推荐文章于 2021-03-01 21:02:43 发布

阅读量165

点赞数

文章标签： ui c# javascript ViewUI

本文介绍如何在ASP.NET中使用后台代码为Server控件添加客户端JavaScript方法，通过示例展示如何使RadioButton点击时禁用TextBox，涉及页面加载事件、C#代码和JavaScript函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简单记录一下这个方法：Asp.Net 用后台代码给Server控件添加Client端JS方法

前台代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.9.0.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:RadioButton ID="RadioButton1" runat="server" GroupName="EricSun" />
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <br />
        <asp:RadioButton ID="RadioButton2" runat="server" GroupName="EricSun" />
    </div>
    </form>
</body>
</html>

<script type="text/javascript">
    function RadioBtnOnClick(obj) {
        $("#<%=TextBox1.ClientID%>").attr('disabled', 'disabled');
    }
</script>

后台代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication1
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            this.RadioButton1.InputAttributes.Add("OnClick", "RadioBtnOnClick(this);");
            this.RadioButton2.InputAttributes.Add("OnClick", "RadioBtnOnClick(this);");
        }
    }
}

。。。。