Disabling and Enabling text box based on selection option

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 Categorylabel>
<div class="col-sm-3">
<select class="form-control" name="category" id="combo">
<option value="">Select Categoryoption>
<option value="Men">Menoption>
<option value="Women">Womenoption>
<option value="Youth">Youthoption>
<option value="Both">Bothoption>
select>
div>
div>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">Number Of Menlabel>
<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 Womenlabel>
<div class="col-sm-8">
<input type='text' size='5' name="woman" id="input2" value="" class='input' disabled>input>
div>
div>

3 Replies

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

Joginder Banger9y ago
Accepted answer
hello dear,

as per your problem i shared some code for you.
var shouldEnable=false;
if( $(this).val() !== 'Men')
{
shouldEnable = true;
}
$("input1").attr('disabled',true);
+1
venance haule9y ago
Your solution works mr joginder banger, but what will be a way forward for the rest of the condition means if user choose women or youth or both, meaning if user choose other choice, will there be if else statement
0
Nitin Sontakke9y ago
I might have lost the touch with JavaScript, but if my memory serves it right, there is no such thing as !==.

Just first try changing it to !=.
0