[英]enable textbox with checkbox checked with javascript
HEllo-我試圖在選中(啟用)或未選中(禁用)復選框時啟用/禁用文本框。 一旦選中/取消選中復選框,代碼什么也不會發生。 這是我所擁有的:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="AssociationInfo.ascx.cs" Inherits="Administration.Modules.AssociationInfo" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<script type="text/javascript" language="javascript">
function enableTextBox() {
window.onload = function () {
var check = document.getElementById("chkAssociation");
check.onchange = function () {
if (this.checked == true)
document.getElementById("txtAddress").disabled = false;
else
document.getElementById("txtAddress").disabled = true;
};
};
}
</script>
<div>
<h2>Association Info</h2>
<br />
<asp:CheckBox Checked="false" ID="chkAssociation" runat="server" />
<asp:TextBox ID="txtAddress" Text="Test" runat="server" />
</div>
該代碼在Web用戶控件中。 那是為什么不能正常工作的原因嗎?
感謝您的幫助
謝謝大家的提前幫助,Laziale
請打開AutoPostBack。
<asp:CheckBox Checked="false"
OnChange="javascript:enableTextBox();"
ID="chkAssociation"
runat="server" />
編輯:嘗試此代碼,
<script type="text/javascript">
window.onload = function() {
var check = document.getElementById("<%=chkAssociation.ClientID %>");
check.onchange = function() {
if (this.checked == true)
document.getElementById("<%=txtAddress.ClientID %>").disabled = false;
else
document.getElementById("<%=txtAddress.ClientID %>").disabled = true;
};
};
</script>
<asp:CheckBox Checked="false" ID="chkAssociation" runat="server" />
<asp:TextBox ID="txtAddress" Enabled="false" Text="Test" runat="server" />
嘗試使用“ onclick”而不是“ onchange”-我相信這就是您想要的。
檢查一下
1.如果選中復選框,則禁用文本框
<script type="text/javascript">
function enableDisable(bEnable, textBoxID)
{
document.getElementById(textBoxID).disabled = bEnable
}
</script>
<asp:TextBox ID="t1" Text="" runat="server" />
<asp:CheckBox ID="chk1" Checked="false" onclick="enableDisable(this.checked, 't1');" runat="server" />
2.如果選中復選框,則啟用文本框
<script type="text/javascript">
function enableDisable(bEnable, textBoxID)
{
document.getElementById(textBoxID).disabled = !bEnable
}
</script>
<asp:TextBox ID="t1" Text="" runat="server" />
<asp:CheckBox ID="chk1" Checked="true" onclick="enableDisable(this.checked, 't1');" runat="server" />
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.