使用JavaScript DOM操作来禁用文本框、按钮

最新推荐文章于 2022-10-24 14:07:18 发布

kirawoo

最新推荐文章于 2022-10-24 14:07:18 发布

阅读量1.1k

点赞数

分类专栏： JavaScript 文章标签： JavaScript

原文链接：https://bbs.csdn.net/topics/190150747

版权

JavaScript 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

一
<input type="button" value="禁用" id="btn"/>
<input type="text" value="文本框" id="txt"/>
<script>
    document.getElementById("btn").onclick = function () {
      document.getElementById("txt").disabled = "disabled";
    };
</script>

二

<body>
  <form id="Form1" method="post" runat="server">
	<asp:CheckBox id="CheckBox1" runat="server" οnclick="SetDisplay();"></asp:CheckBox>
	<asp:Button id="Button1" runat="server" Text="Button1"></asp:Button>
	<asp:Button id="Button2" runat="server" Text="Button2"></asp:Button>
  </form>
</body>

<script language="javascript">
function SetDisplay()
{
        if (document.getElementById('CheckBox1').checked)
	{
		document.getElementById('Button1').style.display='none';//隐藏
		document.getElementById('Button2').disabled=true;//不可用
	}
	else
	{
		document.getElementById('Button1').style.display='';//显示
		document.getElementById('Button2').disabled=false;//可用
	}
}
</script>

三

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!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 type="text/javascript">
function setDisplay(o)
{
    var b1 = document.getElementById("<%=Button1.ClientID%>");
    var b2 = document.getElementById("<%=Button2.ClientID%>");
    
    b1.style.display = o.checked?"":"none";
    b1.style.display = o.checked?"none":"";
}
</script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:CheckBox ID="CheckBox1" runat="server" οnclick="setDisplay(this)"></asp:CheckBox>
            <asp:Button ID="Button1" runat="server" Text="Button1"></asp:Button>
            <asp:Button ID="Button2" runat="server" Text="Button2"></asp:Button>
        </div>
    </form>
</body>
</html>

kirawoo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用JavaScript DOM操作来禁用文本框、按钮

一<input type="button" value="禁用" id="btn"/><input type="text" value="文本框" id="txt"/><script> document.getElementById("btn").onclick = function () { document.getElementB...
复制链接

扫一扫