I have implemented a radio button (Yes, No) and an input text box on my form. If the user selects 'No', the input field is disabled and jQuery triggers a change event for AJAX form submission.
$('#form-id').change(function(){
....
});
However, when the user selects 'Yes', the input field becomes active again and they can enter a value before submitting the form as usual. The AJAX change function works well in detecting changes while typing and losing focus.
My issue arises when the user selects 'No', as the isset($_POST['radio_no']) parameter in the PHP form submission appears blank rather than showing 'No' as desired.
Despite all my efforts, I have been unable to resolve this issue. Can anyone offer some assistance?
Here is my jQuery code:
$(document).ready(function () {
$('input').on('ifClicked', function (event) {
var value = $(this).val();
if(value=='No'){
$(this).closest('body').find("input[data-value=" + this.name + "][type=text]").prop('disabled', true);
$(this).closest('body').find("input[data-value=" + this.name + "][type=text]").val('0').trigger('change');
} else {
$(this).closest('body').find("input[data-value=" + this.name + "][type=text]").val('');
$(this).closest('body').find("input[data-value=" + this.name + "][type=text]").prop('disabled', false);
}
});
});