to be honest I found similar topics, but I couldn't find a right way to apply recommended solutions in my script, maybe I am a bit tired, my deep apologize for taking your time.
I want to disable adresInput if customer chooses radio1, and turn it back, if customer goes for radio2. Can you point, what is wrong with my script ? thank you !
SCRIPT:
$(document).ready(function(){
radioA();
$("#gridRadios1,#gridRadios2").change(radioA());
})
}
function radioA(){
radioG = $("#gridRadios1");
adresInput = $("#validationCustom05");
if(radioG.attr("checked")){adresInput.attr("disabled", "disabled")}else{adresInput.removeAttr("disabled")};
}
HTML:
<div class="col-md-3 mb-3">
<fieldset class="form-group">
<legend class="col-form-label pt-0">I am from:</legend>
<div class="col-sm-12">
<div class="form-check">
<input class="form-check-input" type="radio" name="gridRadios" id="gridRadios1" value="option1">
<label class="form-check-label" for="gridRadios1">
This city
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="gridRadios" id="gridRadios2" value="option2">
<label class="form-check-label" for="gridRadios2">
Out of the city
</label>
</div>
</div>
</fieldset>
</div>
<div class="col-md-3 mb-3 disabled">
<label for="validationCustom05">Address</label>
<textarea rows="4" cols="50" class="form-control" id="validationCustom05" value="" required disabled>You address</textarea>
<div class="invalid-feedback">
Tell me your address!
</div>
</div>
</div>
Aucun commentaire:
Enregistrer un commentaire