how to disable text box depends on user choosing text box?

hai Friends,

I m creating web application page in that fields are

departuredate = textbox
lodging = textbox
food claim = textbox
Daily allowances = textbox

Add(button)

now My requirement is when the user choose lodging and food claim text boxes daily allowance colmun ll be read only mode. like the same if daily allowances choosed lodging & food claim read only mode.

how to make a code?

try this sample:

in aspx page:

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





in .cs page:

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

public partial class Default7 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void TxtLdg_TextChanged(object sender, EventArgs e)
    {
        if (TxtLdg.Text != string.Empty)
        {
            TxtFdAl.Enabled = false;
            TxtFdAl.BackColor = System.Drawing.Color.Gray;
        }
        else
        {
            TxtFdAl.Enabled = true;
            TxtFdAl.BackColor = System.Drawing.Color.White;
        }
    }
    protected void TxtFoAl_TextChanged(object sender, EventArgs e)
    {
        if (TxtFoAl.Text != string.Empty)
        {
            TxtFdAl.Enabled = false;
            TxtFdAl.BackColor = System.Drawing.Color.Gray;
        }
        else
        {
            TxtFdAl.Enabled = true;
            TxtFdAl.BackColor = System.Drawing.Color.White;
        }
    }
    protected void TxtFdAl_TextChanged(object sender, EventArgs e)
    {
        if (TxtFdAl.Text != string.Empty)
        {
            TxtFoAl.Enabled = false;
            TxtLdg.Enabled = false;
            TxtLdg.BackColor = System.Drawing.Color.Gray;
            TxtFoAl.BackColor = System.Drawing.Color.Gray;
        }
        else
        {
            TxtLdg.Enabled = true;
            TxtFoAl.Enabled = true;
            TxtLdg.BackColor = System.Drawing.Color.White;
            TxtFoAl.BackColor = System.Drawing.Color.White;
        }
    }
}

try like this

onkeypress="javascript:EnableDisable();" />

                  Food Allowance

                  onkeypress="javascript:EnableDisable();" />



                  Fixed Allowance

                  onkeypress="javascript:EnableDisable();" />

Hi ,

    Travel Details


window.onload = function()
{
   EnableDisable();
};
function EnableDisable()
{
        var lodging = document.getElementById("<%= TxtLdg.ClientID %>").value;
        var foodClaim = document.getElementById("<%= TxtFoAl.ClientID %>").value;
        var dailyAllow = document.getElementById("<%= TxtFdAl.ClientID %>").value;

        if (lodging != "" && foodClaim != "" && dailyAllow=="")
        {
            EnableDisableTextBox("<%= TxtFdAl.ClientID %>", false);
            EnableDisableTextBox("<%= TxtLdg.ClientID %>", true);
            EnableDisableTextBox("<%= TxtFoAl.ClientID %>", true);
        } else if (lodging == "" && foodClaim == "" && dailyAllow != "") {
            EnableDisableTextBox("<%= TxtLdg.ClientID %>", false);
            EnableDisableTextBox("<%= TxtFoAl.ClientID %>", false);
            EnableDisableTextBox("<%= TxtFdAl.ClientID %>", true);
        } else {
            EnableDisableTextBox("<%= TxtLdg.ClientID %>", true);
            EnableDisableTextBox("<%= TxtFoAl.ClientID %>", true);
            EnableDisableTextBox("<%= TxtFdAl.ClientID %>", true);
        }
}


}

Welcome :

Travel Request Bills

Departure Date	No.Of.days	<%-- //--%>
From	To
Rail/Bus Fare	Bill No Only Train
Lodging	Food Allowance
Fixed Allowance	Transit Allowance
Postal/Courier	Internet Bills

                           AllowPaging="false" onrowcommand="GridView1_RowCommand" onrowdeleting="GridView1_RowDeleting" EmptyDataText="No Records Found"   >






               <%#Eval("claim_id")%>













































                    Edit

check my code and let me back?

for me it is working. can you check your textbox id again? weather is it related to same option or not

Hi,

textbox wont be goes on read only mode

wht issue you are getting?

Hi,

Travel Details

Hai,

How to call can u liittle provide as on

like these ?

it is for web application only

Regards,
Iftikar

hi,

if you are not able to do it n javascript try to do it in textchanged event of textbox...

Hi,
i m making web application is it working ah?

you can do like this. write this script after tag i.e at bottom

Hi ,

i wanna set textbox when the user enter lodging means at that time daily allowance is read only mode after add the details daily allowance ll show as normal.

when you want to call javascript code? what exactly you like to do?

Regards,
Iftikar

Hi Freind,

How to call javascript in my asp.net code?

I have modified the script, please check now

function EnableDisable()

{

var lodging = document.getElementById("<%= TxtLdg.ClientID %>").value;

var foodClaim = document.getElementById("<%= TxtFoAl.ClientID %>").value;

var dailyAllow = document.getElementById("<%= TxtFdAl.ClientID %>").value;

if (lodging != "" && foodClaim != "" && dailyAllow=="")

{

EnableDisableTextBox("<%= TxtFdAl.ClientID %>", false);

EnableDisableTextBox("<%= TxtLdg.ClientID %>", true);

EnableDisableTextBox("<%= TxtFoAl.ClientID %>", true);

} else if (lodging == "" && foodClaim == "" && dailyAllow != "") {

EnableDisableTextBox("<%= TxtLdg.ClientID %>", false);

EnableDisableTextBox("<%= TxtFoAl.ClientID %>", false);

EnableDisableTextBox("<%= TxtFdAl.ClientID %>", true);

} else {

EnableDisableTextBox("<%= TxtLdg.ClientID %>", true);

EnableDisableTextBox("<%= TxtFoAl.ClientID %>", true);

EnableDisableTextBox("<%= TxtFdAl.ClientID %>", true);

}

Regards,
Iftikar

Hi Iftikar,

My asp.net code:
===========

Welcome :

Travel Request Bills

Departure Date	No.Of.days	<%-- //--%>
From	To
Rail/Bus Fare	Bill No Only Train
Lodging	Food Allowance
Fixed Allowance	Transit Allowance
Postal/Courier	Internet Bills

please share your code

Regards,
Iftikar

Hi Iftikar,
When I choose the Lodging and food claim ,daily allowance also enable its not on read only mode.
what can i do?

what issue you are getting? Can you share your code?

Regards,
Iftikar

Hi Iftikar,
nt woriknig these java script is any other code is there?

Hi,
Try like this

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="WebApplication2.WebForm4" %>

Lodging
Food Claim
Daily Allowances

Regards,
Iftikar

22 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sanjeeb Lenka13y ago
Accepted answer
try this sample:

in aspx page:

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







        Lodging

        Food

        Dailyallownce





in .cs page:

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

public partial class Default7 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void TxtLdg_TextChanged(object sender, EventArgs e)
    {
        if (TxtLdg.Text != string.Empty)
        {
            TxtFdAl.Enabled = false;
            TxtFdAl.BackColor = System.Drawing.Color.Gray;
        }
        else
        {
            TxtFdAl.Enabled = true;
            TxtFdAl.BackColor = System.Drawing.Color.White;
        }
    }
    protected void TxtFoAl_TextChanged(object sender, EventArgs e)
    {
        if (TxtFoAl.Text != string.Empty)
        {
            TxtFdAl.Enabled = false;
            TxtFdAl.BackColor = System.Drawing.Color.Gray;
        }
        else
        {
            TxtFdAl.Enabled = true;
            TxtFdAl.BackColor = System.Drawing.Color.White;
        }
    }
    protected void TxtFdAl_TextChanged(object sender, EventArgs e)
    {
        if (TxtFdAl.Text != string.Empty)
        {
            TxtFoAl.Enabled = false;
            TxtLdg.Enabled = false;
            TxtLdg.BackColor = System.Drawing.Color.Gray;
            TxtFoAl.BackColor = System.Drawing.Color.Gray;
        }
        else
        {
            TxtLdg.Enabled = true;
            TxtFoAl.Enabled = true;
            TxtLdg.BackColor = System.Drawing.Color.White;
            TxtFoAl.BackColor = System.Drawing.Color.White;
        }
    }
}
Iftikar Hussain13y ago
try like this

onkeypress="javascript:EnableDisable();" />

                  Food Allowance

                  onkeypress="javascript:EnableDisable();" />



                  Fixed Allowance

                  onkeypress="javascript:EnableDisable();" />

Rocky Rocky13y ago

Departure Date	No.Of.days	<%-- //--%>
From	To
Rail/Bus Fare	Bill No Only Train
Lodging	Food Allowance
Fixed Allowance	Transit Allowance
Postal/Courier	Internet Bills

Iftikar Hussain13y ago
for me it is working. can you check your textbox id again? weather is it related to same option or not
Rocky Rocky13y ago
Hi,

textbox wont be goes on read only mode
Iftikar Hussain13y ago
wht issue you are getting?
Rocky Rocky13y ago
Hi,

Travel Details

Lodging
Food
Dailyallownce
add(button)

when i choose loging not working as i m expected?
Rocky Rocky13y ago
Hai,

How to call can u liittle provide as on

like these ?
Iftikar Hussain13y ago
it is for web application only

Regards,
Iftikar
Sanjeeb Lenka13y ago
hi,

if you are not able to do it n javascript try to do it in textchanged event of textbox...
Rocky Rocky13y ago
Hi,
i m making web application is it working ah?
Iftikar Hussain13y ago
you can do like this. write this script after tag i.e at bottom

Regards,
Iftikar