I have problems with the enable/disable of textboxes if the radio button is selected/deselected.
Normally, if I select "Others" from the radio button group "Project List", the textbox is enabled. But if I select other than "Others", the textbox is not disabled.
This also happens on the radio button groups "e-mail type" and "e-mail diversion".
Connect the mdf file I've attached as a zip file, otherwise it won't work.
Created using VS 2013 Express for Web
AppRegister.aspx
<%@ Page Title="IT Application Form" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="AppRegister.aspx.cs" Inherits="IT_application_form_v3.AppRegister" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<h2>IT APPLICATION FORM</h2>
<div class="form-horizontal">
<div class="form-group">
<asp:RadioButtonList ID="AppTypeList" runat="server" DataSourceID="SqlDataSource1" DataTextField="AppTypeName" DataValueField="AppTypeName" RepeatDirection="Horizontal" ValidationGroup="Register" Height="30px" Width="230px">
<asp:ListItem>New</asp:ListItem>
<asp:ListItem>Transfer</asp:ListItem>
<asp:ListItem>Existing</asp:ListItem>
</asp:RadioButtonList>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:IT-app-v3-ConnectionString %>" SelectCommand="SELECT * FROM [AppType]"></asp:SqlDataSource>
<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="AppTypeList" Display="Dynamic" ErrorMessage="Required" ForeColor="Red"></asp:RequiredFieldValidator>
</div>
<div class="form-group">
<table style="width:100%;">
<tr>
<td style="width: 196px; height: 40px">Applicant's Name (as per IC) :</td>
<td style="width: 217px; height: 40px">
<asp:TextBox ID="Name" runat="server" Height="35px" Width="200px" CssClass="form-control"></asp:TextBox>
</td>
<td style="width: 70px; height: 40px">
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" Display="Dynamic" ErrorMessage="Required" ForeColor="Red" ControlToValidate="Name"></asp:RequiredFieldValidator>
</td>
<td style="width: 100px; height: 40px">Office / Floor :</td>
<td style="width: 210px; height: 40px">
<asp:DropDownList ID="FloorList" runat="server" Height="35px" Width="200px" CssClass="form-control" ValidationGroup="Register" DataSourceID="SqlDataSource4" DataTextField="floor" DataValueField="floor">
<asp:ListItem>10</asp:ListItem>
<asp:ListItem>11</asp:ListItem>
<asp:ListItem>12</asp:ListItem>
<asp:ListItem>13</asp:ListItem>
<asp:ListItem>14</asp:ListItem>
<asp:ListItem>15</asp:ListItem>
</asp:DropDownList>
<asp:SqlDataSource ID="SqlDataSource4" runat="server" ConnectionString="<%$ ConnectionStrings:IT-app-v3-ConnectionString %>" SelectCommand="SELECT * FROM [Office-Floor]"></asp:SqlDataSource>
</td>
<td style="width: 70px; height: 40px">
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" Display="Dynamic" ErrorMessage="Required" ForeColor="Red" ControlToValidate="FloorList"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td style="width: 196px; height: 40px;">Preferred Name :</td>
<td style="width: 217px; height: 40px;">
<asp:TextBox ID="preName" runat="server" Height="35px" Width="200px" CssClass="form-control" ValidationGroup="Register"></asp:TextBox>
</td>
<td style="width: 70px; height: 40px;">
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" Display="Dynamic" ErrorMessage="Required" ForeColor="Red" ControlToValidate="preName"></asp:RequiredFieldValidator>
</td>
<td style="width: 100px; height: 40px;">Dept / Ext No. :</td>
<td style="width: 210px; height: 40px;">
<asp:DropDownList ID="DeptExtNo" runat="server" Height="35px" Width="200px" CssClass="form-control" ValidationGroup="Register">
</asp:DropDownList>
</td>
<td style="width: 70px; height: 40px;">
<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" Display="Dynamic" ErrorMessage="Required" ForeColor="Red" ControlToValidate="DeptExtNo"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td style="width: 196px; height: 40px;">Designation :</td>
<td style="width: 217px">
<asp:TextBox ID="Designation" runat="server" Height="35px" Width="200px" CssClass="form-control" ValidationGroup="Register"></asp:TextBox>
</td>
<td style="width: 70px">
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" Display="Dynamic" ErrorMessage="Required" ForeColor="Red" ControlToValidate="Designation"></asp:RequiredFieldValidator>
</td>
<td style="width: 100px"> </td>
<td style="width: 210px"> </td>
<td style="width: 70px"> </td>
</tr>
</table>
</div>
<div class="form-group">
<table style="width:84%;">
<tr>
<td style="height: 22px; width: 410px;">
<asp:RadioButton ID="edtp" runat="server" Text="EDTP" GroupName="ProjectList" Width="75px" Checked="true"/>
<asp:RadioButton ID="kvmrt_ug" runat="server" Text="KVMRT (UG)" GroupName="ProjectList" Width="125px"/>
<asp:RadioButton ID="kvmrt_pdp" runat="server" Text="KVMRT (PDP)" GroupName="ProjectList" Width="125px"/>
<asp:RadioButton ID="others" runat="server" Text="Others: " GroupName="ProjectList" Width="80px" OnCheckedChanged="others_CheckedChanged" AutoPostBack="true" />
</td>
<td style="width: 255px;">
<asp:TextBox ID="otherProjectName" runat="server" Height="35px" Width="250px" CssClass="form-control" ValidationGroup="Register" Enabled="false"></asp:TextBox>
</td>
<td style="width: 255px;">
<asp:RequiredFieldValidator ID="RequiredFieldValidator11" runat="server" ControlToValidate="otherProjectName" Display="Dynamic" ErrorMessage="The other project name is required" ForeColor="Red"></asp:RequiredFieldValidator>
</td>
</tr>
</table>
</div>
<div class="form-group">
<table style="width:82%;">
<tr>
<td style="width: 345px">
<asp:RadioButton ID="emailID" runat="server" GroupName="emailType" Text="E-mail ID" Width="100px" Checked="true"/>
<asp:RadioButton ID="emailGroup" runat="server" GroupName="emailType" Text="E-mail Group (Please specify):" Width="230px" OnCheckedChanged="emailGroup_CheckedChanged" AutoPostBack="true" />
</td>
<td style="width: 255px;">
<asp:TextBox ID="emailGroupName" runat="server" Height="35px" Width="250px" CssClass="form-control" Enabled="false"></asp:TextBox>
</td>
<td>
<asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server" Display="Dynamic" ErrorMessage="The e-mail group name is required" ForeColor="Red" ValidationGroup="Register" ControlToValidate="emailGroupName"></asp:RequiredFieldValidator>
</td>
</tr>
</table>
</div>
<div class="form-group">
E-mail Diversion:
<asp:RadioButton ID="noEmailD" runat="server" Checked="True" GroupName="emailDiversion" Text="None" Width="65px" />
<asp:RadioButton ID="M2G" runat="server" GroupName="emailDiversion" Text="MGJV to Gamuda" Width="150px" OnCheckedChanged="ED_CheckedChanged" AutoPostBack="true" />
<asp:RadioButton ID="G2M" runat="server" GroupName="emailDiversion" Text="Gamuda to MGJV" Width="150px" OnCheckedChanged="ED_CheckedChanged" AutoPostBack="true" />
</div>
<div class="form-group">
<table style="width:86%;">
<tr>
<td style="width: 371px">
<asp:Label ID="emailDiversionSpecify" runat="server" Text="Please specify your MGJV / Gamuda e-mail ID: "></asp:Label>
</td>
<td style="width: 265px">
<asp:TextBox ID="emailDiversionID" runat="server" Width="250px" CssClass="form-control" Height="35px" Enabled="false"></asp:TextBox>
</td>
<td style="width: 358px">
<asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ControlToValidate="emailDiversionID" Display="Dynamic" ErrorMessage="Required" ForeColor="Red" ValidationGroup="Register"></asp:RequiredFieldValidator>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="emailDiversionID" Display="Dynamic" ErrorMessage="Please enter a valid e-mail ID" ForeColor="Red" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ValidationGroup="Register"></asp:RegularExpressionValidator>
<br />
</td>
</tr>
</table>
</div>
<div class="form-group">
<asp:CheckBox ID="intAccess" runat="server" Text="Internet Access" Width="150px" />
<asp:CheckBox ID="NSF" runat="server" Text="Network Shared Folder" Width="200px" />
<asp:CheckBox ID="LoanComp" runat="server" Text="Loan Computer" />
</div>
<div class="form-group">
Remarks:<br />
<asp:TextBox ID="Remarks" runat="server" Height="150px" Width="600px" CssClass="form-control"></asp:TextBox></div>
<div class="form-group">
</div>
<div class="form-group">
<asp:Button ID="submitButton" runat="server" Text="Submit" onclick="submitButton_Click" CssClass="btn btn-primary" ValidationGroup="Register"/>
</div>
</div>
</asp:Content>
AppRegister.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace IT_application_form_v3
{
public partial class AppRegister : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void submitButton_Click(object sender, EventArgs e)
{
}
protected void others_CheckedChanged(object sender, EventArgs e)
{
if (others.Checked == true)
{
otherProjectName.Enabled = true;
}
else
{
otherProjectName.Enabled = false;
}
}
protected void emailGroup_CheckedChanged(object sender, EventArgs e)
{
if (emailGroup.Checked == true)
{
emailGroupName.Enabled = true;
}
else
{
emailGroupName.Enabled = false;
}
}
protected void ED_CheckedChanged(object sender, EventArgs e)
{
if ((M2G.Checked == true) && (G2M.Checked == true))
{
emailDiversionID.Enabled = true;
}
else
{
emailDiversionID.Enabled = false;
}
}
}
}
