C# Corner
Tech
News
Videos
Forums
Jobs
Books
Events
More
Interviews
Live
Learn
Training
Career
Members
Blogs
Challenges
Certification
Contribute
Article
Blog
Video
Ebook
Interview Question
.NET
.NET Assemblies
.NET Core
.NET Standard
Active Directory
ADO.NET
Agile Development
AJAX
Alexa Skills
Algorithms in C#
Android
Angular
Architecture
ArcObject
Artificial Intelligence
ASP.NET
ASP.NET Core
Augmented Reality
Aurelia
Autonomous Biochemical Sensing
AWS
Azure
Backbonejs
Big Data
BizTalk Server
Blockchain
Bootstrap
Bot Framework
Business
C#
C# Corner
C, C++, MFC
Career Advice
Chapters
Charles Babbage
CIO
Cloud
COBOL.NET
Coding Best Practices
Cognitive Services
COM Interop
Compact Framework
Cortana Development
Cryptocurrency
Cryptography
Crystal Reports
Current Affairs
Custom Controls
Cyber Security
Data Mining
Databases & DBA
Design Patterns & Practices
DevOps
Digital scent technology
DirectX
Dynamics CRM
Enterprise Development
Entity Framework
Error Zone
Exception Handling
Expression Studio
F#
Files, Directory, IO
Games Programming
GDI+
General
Generative Engine Optimization (GEO)
Google Cloud
Google Development
Graphics Design
Hardware
Hiring and Recruitment
HoloLens
How do I
HTML 5
Internet & Web
Internet of Things
Ionic
iOS
Java
Java and .NET
JavaScript
JQuery
JSON
JSP
Knockout
kotlin
Leadership
Learn .NET
LightSwitch
LINQ
Machine Learning
Microsoft 365
Microsoft Office
Microsoft Phone
Mobile Development
Multithreading
Nano Banana
NetBeans
Networking
Node.js
Office Development
OOP/OOD
Open Source
Operating Systems
Oracle
Outsourcing
Philosophy
PHP
Power BI
Printing in C#
Products
Progressive Web Apps
Project Management
Python
Q#
QlikView
R
React
Reports using C#
Robotics & Hardware
Ruby on Rails
Salesforce
Security
Servers
SharePoint
SignalR
Silverlight
Smart Devices
Software Testing
SQL Language
SQL Server
Startups
String in C#
Swift
TypeScript
Unity
UWP
Visual Basic .NET
Visual Studio
WCF
Wearables
Web Development
Web Services
Web3
Windows 10
Windows Controls
Windows Forms
Windows PowerShell
Windows Services
Workflow Foundation
WPF
Xamarin
XAML Standard
XML
XNA
XSharp
Register
Login
3
Answers
Disabling and Enabling text box based on selection option
venance haule
8y
281
0
1
SQL Server 2005/2008
Reply
i'm developing a system about group registration, i have four category of groups, which are men group, women group, youth group and both group (men and women)
during registration of groups at the category there is selection option where a user can choose either group, and below that selection option i have two text box, one text box is to enter number of men and other text box is to enter number of women, by default they are disabled, what i want is if user choose men category, only the textbox for men should be active, and if user choose women category only the textbox for women should be active, if a user choose both or youth category all the text box should be active. below is my code please help
$(document).on(
'change'
,
'#combo'
,
function
(){
var
shouldEnable = $(
this
).val() !==
'Men'
;
$(
'#input1'
).prop(
'disabled'
, shouldEnable);
});
<
div
class
=
"form-group"
>
<
label
for
=
"category"
class
=
"col-sm-2 control-label"
>
Group Category
</
label
>
<
div
class
=
"col-sm-3"
>
<
select
class
=
"form-control"
name
=
"category"
id
=
"combo"
>
<
option
value
=
""
>
Select Category
</
option
>
<
option
value
=
"Men"
>
Men
</
option
>
<
option
value
=
"Women"
>
Women
</
option
>
<
option
value
=
"Youth"
>
Youth
</
option
>
<
option
value
=
"Both"
>
Both
</
option
>
</
select
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
for
=
"name"
class
=
"col-sm-2 control-label"
>
Number Of Men
</
label
>
<
div
class
=
"col-sm-8"
>
<
input
type
=
'text'
size
=
'5'
name
=
"man"
id
=
"input1"
value
=
""
class
=
'input'
disabled
>
</
input
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
label
for
=
"name"
class
=
"col-sm-2 control-label"
>
Number Of Women
</
label
>
<
div
class
=
"col-sm-8"
>
<
input
type
=
'text'
size
=
'5'
name
=
"woman"
id
=
"input2"
value
=
""
class
=
'input'
disabled
>
</
input
>
</
div
>
</
div
>
Delete Row
Delete Column
Insert Link
×
Insert
Cancel
Embed YouTube Video
×
Width (%)
Height (%)
Insert
Cancel
Table Options
×
Rows
Columns
First row as header
Create Table
Insert Image
×
Selected file:
Alignment
Left
Center
Right
Select an image from your device to upload
Upload to Server
Cancel
Post
Reset
Cancel
Answers (
3
)
Related Discussion