want to show/hide text in asp:textbox depending on if asp:checkbox is checked

34 New Member

Hi,

I am creating a page in asp.net that has a checkbox and a textbox. When the checkbox is checked I want the textbox to become active and show text. If the checkbox is unchecked, I would like the text box to become disabled and show no text.

Is this possible to do via javascript? I would like to handle it all client side.

Thanks,
JLC

Aug 9 '07 #1

Subscribe Reply

2760

Frinavale

9,735

Recognized Expert Moderator Expert

Hi,

I am creating a page in asp.net that has a checkbox and a textbox. When the checkbox is checked I want the textbox to become active and show text. If the checkbox is unchecked, I would like the text box to become disabled and show no text.

Is this possible to do via javascript? I would like to handle it all client side.

Thanks,
JLC

This is possible with JavaScript.
Just remember that JavaScript works on Html objects, not ASP objects.

You'll need to know the ClientId of the Textbox control so that you can access it using yur JavaScript....

So basically you're going to write a JavaScript function that handles the onClick event of the check box and is passed the name (clientID) of the textbox.... then enable the textbox or disable it depending on the value of the check box by using the getElementByID() javascript method.

Take a look at the .NET article How to check if a textbox contains a number to get a better idea of how to use JavaScript in your .NET project.

-Frinny

Aug 10 '07 #2

JLC

New Member

Well I think I sort of got it, but it still isn't working correctly. I have it so when the page loads, the check box is checked. And when you uncheck the check box, the text becomes disabled. But when you recheck the check box, nothing happens.

Here's my code...I'm not sure why I am not getting this to work.
Thanks...

Expand|Select|Wrap|Line Numbers

 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="NotifyDialog.aspx.cs" Inherits="NotifyDialog" %>
 
<!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>Notify Dialog Page</title>

<script type="text/javascript">

    function EmailChecked(checkboxid)

    {     

        if(checkboxid.defaultChecked == true)

        {

            document.getElementById('EmailTextBox').disabled=true;

        }

        else

        {

            document.getElementById('EmailTextBox').disabled=false;

        }
 
    }

</script>
 
</head>
 
<body>

<form action="NotifyDialog.aspx" runat="server">

   <div style="width: 525px; height: 300px">
 
   <!-- will eventually pull items from Davids db, but will hard code them for now -->

    <asp:DropDownList ID="StatusDropDownList" runat="server" style="z-index: 100; left: 39px; position: absolute; top: 62px" Width="158px" >

        <asp:ListItem Selected="True" Text="Released" Value="Released">Released</asp:ListItem>

        <asp:ListItem Text="Down" Value="Down">Down</asp:ListItem>

        <asp:ListItem Text="Blocked" Value="Blocked">Blocked</asp:ListItem>

        <asp:ListItem Text="Deploying" Value="Deploying">Deploying</asp:ListItem>

    </asp:DropDownList>
 
    <asp:CheckBox id="EmailCheckBox" runat="server" checked="true" style="z-index: 101; left: 39px; position: absolute; top: 104px" />
 
    <asp:TextBox ID="EmailTextBox" runat="server" text="Select an option from the Status drop down menu" style="z-index: 102; left: 39px; position: absolute; top: 131px" Height="103px" TextMode="MultiLine" Width="440px"></asp:TextBox>
 
    <asp:Button ID="SubmitButton" runat="server" Text="Submit" style="z-index: 103; left: 435px; position: absolute; top: 252px" Width="50px" />
 
    <asp:Label ID="EmailLabel" runat="server" Style="z-index: 104; left: 66px; position: absolute;

           top: 105px" Text="Send Email"></asp:Label>

    <asp:Label ID="StatusLabel" runat="server" Style="z-index: 106; left: 39px; position: absolute;

           top: 36px" Text="Status"></asp:Label>
 
   </div>

   </form>
 
</body>

</html>

Here's for the .cs page

Expand|Select|Wrap|Line Numbers

 
public partial class NotifyDialog : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {
 
       EmailCheckBox.Attributes.Add("OnClick", "javascript: EmailChecked(" + EmailCheckBox.ClientID + ")");

    }

This is possible with JavaScript.
Just remember that JavaScript works on Html objects, not ASP objects.

You'll need to know the ClientId of the Textbox control so that you can access it using yur JavaScript....

So basically you're going to write a JavaScript function that handles the onClick event of the check box and is passed the name (clientID) of the textbox.... then enable the textbox or disable it depending on the value of the check box by using the getElementByID() javascript method.

Take a look at the .NET article How to check if a textbox contains a number to get a better idea of how to use JavaScript in your .NET project.

-Frinny

Aug 13 '07 #3

Similar topics

<asp:checkbox>

by: C | last post by:

Hi, I have an asp server side checkbox as below. I have a page where users can edit their user record. I set this checkbox to true based on a value in a database. <asp:checkbox...

.NET Framework

<asp:checkbox>

by: C | last post by:

Hi, I have an asp server side checkbox as below. I have a page where users can edit their user record. I set this checkbox to true based on a value in a database. <asp:checkbox...

ASP.NET

asp:Checkbox Text attribute-- how to do this?

by: Jim Bancroft | last post by:

Hi everyone, This is a silly one I'm sure, but I'm having a whale of a time putting some text into my asp checkbox. Here's what I'd like to do: <asp:CheckBox runat="server"...

ASP.NET

asp:checkbox hide/show text/fields when it's clicked without doing a postback?

by: UJ | last post by:

Is there a way with a asp:checkbox to run a JavaScript to display/hide text/input on the screen without doing a postback? I also need to be able to access the stuff at the server so I need to...

ASP.NET

How can I add a client-side event to an asp:CheckBox ?

by: mark4asp | last post by:

Here is the control: <asp:CheckBox ID="chkLite" runat="server" Checked="False" AutoPostBack="True" OnCheckedChanged="chkLite_CheckedChanged" /> Here is the code-behind: ...

ASP.NET

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp