checkBox禁用文本框

最新推荐文章于 2024-03-22 17:44:21 发布

最新推荐文章于 2024-03-22 17:44:21 发布 · 344 阅读

文章标签：

#c/c++ #c# #xhtml

本文介绍了一个简单的ASP.NET网页示例，通过客户端JavaScript实现复选框的状态改变来控制文本框的禁用与启用。此功能在用户界面交互设计中十分常见。

前台：

<%@ 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 language="javascript" type="text/javascript">
function Check()
{
var d = document.forms(0);
if (d.ckDemo.checked)
{
document.getElementById("txtDemo").disabled = false;
}
else
{
document.getElementById("txtDemo").disabled = true;
}
}

function Recheck()
{
Check();
}
</script>
</head>
<body onload="Check();">
<form id="form1" runat="server">
<asp:CheckBox ID="ckDemo" runat="server" onclick ="Recheck();" />
<asp:TextBox ID="txtDemo" runat="server"></asp:TextBox>
</form>
</body>
</html>

后台：

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

public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
this.ckDemo.Text = "勾中启用，取消勾中禁用文本框";
this.ckDemo.Checked = true;//假设这里是你在后台里给复选按钮设置选中，或者未选中状态
}
}