2

C# を使用して、checkBox1 を txtCommentBox にリンクしようとしました。checkBox1 がチェックされるまで txtCommentBox が無効のままになるようにしようとしています。

以下を実行しました。

if (checkBox1.Enabled)
{
    txtCommentBox.Enabled = true;
}

それが失敗した後、page_Load メソッドで、以下を実行しようとしました。

txtCommentBox.Enabled = checkBox1.Enabled;

それもうまくいきませんでした。コントロールでさまざまなプロパティを試しましたが、うまくいきませんでした。.aspx コードを以下に示し、C# コードをさらに下に示します。

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

<!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>Information</title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
        .style2
        {
            width: 605px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <h4>
            If you would like to leave your Questions, Comments, E-mail, Name or Phone 
            Number check off the box you would like to enter into the form.
        </h4>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <table class="style1">
            <tr>
                <td class="style2">
                    <asp:Label ID="Label1" runat="server"><span class="accesskey">C</span>omment:</asp:Label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <asp:TextBox ID="txtCommentBox" runat="server" AccessKey="C" Width="334px" 
                        ontextchanged="txtCommentBox_TextChanged" Enabled="False"></asp:TextBox>
                    <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack = "true"
                        oncheckedchanged="CheckBox1_CheckedChanged" Text="Enable/disable" />
                </td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style2">
                    <asp:Label ID="Label2" runat="server"><span class="accesskey">E</span>mail:</asp:Label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <asp:TextBox ID="txtEmailBox" runat="server" AccessKey="E" Width="334px" 
                        ontextchanged="txtEmailBox_TextChanged" Enabled="False"></asp:TextBox>
                    <asp:CheckBox ID="CheckBox2" runat="server" AutoPostBack = "true"
                        oncheckedchanged="CheckBox2_CheckedChanged" Text="Enable/disable" />
                </td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style2">
                    <asp:Label ID="Label3" runat="server"><span class="accesskey">N</span>ame:</asp:Label>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <asp:TextBox ID="txtNameBox" runat="server" AccessKey="N" Width="334px" 
                        ontextchanged="txtNameBox_TextChanged" Enabled="False"></asp:TextBox>
                    <asp:CheckBox ID="CheckBox3" runat="server" AutoPostBack = "true"
                        oncheckedchanged="CheckBox3_CheckedChanged" Text="Enable/disable" />
                </td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style2">
                    <asp:Label ID="Label4" runat="server"><span class="accesskey">P</span>hone Number:</asp:Label>
                    <asp:TextBox ID="txtPhoneBox" runat="server" AccessKey="P" Width="334px" 
                        ontextchanged="txtPhoneBox_TextChanged" Enabled="False"></asp:TextBox>
                    <asp:CheckBox ID="CheckBox4" runat="server" AutoPostBack = "true"
                        oncheckedchanged="CheckBox4_CheckedChanged" Text="Enable/disable" />
                </td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>
        <asp:ListBox ID="ListBox1" runat="server" Height="321px" Width="887px">
        </asp:ListBox>
        <br />
        <br />
        <br />
        <br />

        <br />
        <br />
        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" 
            Text="Back to the Main Page" />
        <br />

    </div>
    </form>
</body>
</html>

現在の状況を示す C# コードを以下に示します。

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

public partial class Infomation : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            txtCommentBox.Enabled = false;
            txtEmailBox.Enabled = false;
            txtNameBox.Enabled = false;
            txtPhoneBox.Enabled = false;
        }
    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        Response.Redirect("JoelsDefaultPage.aspx");
    }
    protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
    {
        if (CheckBox1.Enabled == true)
            txtCommentBox.Enabled = true;
        else
            txtCommentBox.Enabled = false;
    }
    protected void CheckBox2_CheckedChanged(object sender, EventArgs e)
    {
        if (CheckBox2.Enabled == true)
            txtEmailBox.Enabled = true;
        else
            txtEmailBox.Enabled = false;
    }
    protected void CheckBox3_CheckedChanged(object sender, EventArgs e)
    {
        if (CheckBox3.Enabled == true)
            txtNameBox.Enabled = true;
        else
            txtNameBox.Enabled = false;
    }
    protected void CheckBox4_CheckedChanged(object sender, EventArgs e)
    {
        if (CheckBox4.Enabled == true)
            txtPhoneBox.Enabled = true;
        else
            txtPhoneBox.Enabled = false;
    }
    protected void txtCommentBox_TextChanged(object sender, EventArgs e)
    {

    }
    protected void txtEmailBox_TextChanged(object sender, EventArgs e)
    {

    }
    protected void txtNameBox_TextChanged(object sender, EventArgs e)
    {

    }
    protected void txtPhoneBox_TextChanged(object sender, EventArgs e)
    {

    }
}

編集＃1

さて、AutoPostBack が機能しました。テキストボックスを無効状態から有効にできるようになりましたが、再度無効にすることはできません。

更新 #1

コードを現在のものに更新しました。

4

5 に答える 5

4

問題はこの行にあると思います

<asp:CheckBox ID="CheckBox1" runat="server"  
     oncheckedchanged="CheckBox1_CheckedChanged" Text="Enable/disable" />

autopostback="true" がありません
組み合わせるとこうなります

<asp:CheckBox ID="CheckBox1" runat="server"  AutoPostBack="True" 
     oncheckedchanged="CheckBox1_CheckedChanged" Text="Enable/disable" />

編集-1

同じhttp://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.checkbox.autopostback.aspxの MSDN の例を次に示します。

編集-2

java-scriptただし、またはjQuery同じものを使用することをお勧めします。
ここに良い例があります

チェックボックスとjQueryで要素を無効/有効にしますか?

于 2013-01-29T04:36:39.067 に答える
3

チェックボックスの状態を確認するには、

textbox.Enabled = checkBox.Checked;

チェックボックスの有効な状態ではなく。

于 2013-01-29T16:49:40.970 に答える
3

これは私にとってはうまくいきます..おそらく、すべてのイベントでelseが欠落しています。@MsB が指摘したように、サーバーにポストバックするときはいつでも、チェックボックスの AutoPostBack プロパティを true に設定する必要もあります... 以下のサンプルを確認してください(javascript を介して有効/無効にするための私の回答も更新しました)

   <form id="form1" runat="server">
    <div>
        <h2>Enable/Disable via checkbox server side</h2>
        <p>
        <label>Name:</label>
        <asp:TextBox ID="txtName" runat="server" Enabled="false"></asp:TextBox>
        <asp:CheckBox ID="cbEnableName" runat="server" AutoPostBack="true" 
                Text="Enable Name" oncheckedchanged="cbEnableName_CheckedChanged" />
        </p>

        <h2>Enable/Disable via checkbox client side</h2>
        <p>
        <label>Address:</label>
        <asp:TextBox ID="txtAddress" runat="server" Enabled="false"></asp:TextBox>
        <asp:CheckBox ID="cbEnableAddress" runat="server" onclick="EnableDisableAddress()"
                Text="Enable Address" />
        </p>

    </div>

    <script type="text/javascript">
        function EnableDisableAddress() {
            var chkAddress = document.getElementById('<%=cbEnableAddress.ClientID %>');
            var txtAddress = document.getElementById('<%= txtAddress.ClientID %>');

            txtAddress.disabled = !chkAddress.checked;
        }
    </script>
</form>

protected void cbEnableName_CheckedChanged(object sender, EventArgs e)
    {
        if (cbEnableName.Checked)
            txtName.Enabled = true;
        else
            txtName.Enabled = false;
    }
于 2013-01-29T04:57:52.817 に答える
2 
<asp:CheckBox ID="CheckBox1" runat="server"  AutoPostBack="True" 
                    oncheckedchanged="CheckBox1_CheckedChanged" Text="Enable/disable" />

「AutoPostBack」を true に設定して、チェックボックスをオンにするとページがリロードされ、if ステートメントでコマンドが実行されるようにする必要があります。

于 2013-01-29T04:42:21.217 に答える