I am trying to remove required from input field when checkbox is unchecked in jquery

Question

I am trying to remove the required property from input field when the checkbox is unchecked but it's not working and when the checkbox is checked field should be required please help me thanks.

html view

 
   
   Schedule Discount
   


  
  
    
      
      
    
  
  {{$errors->first('date') ?? null}}

jquery script

   $('input[type="checkbox"]').change(function() {
//check if check if checked 
 $(this).is(':checked') ? 
 
  $('input[name=start_date]').prop('required', false) :
  $('input[name=start_date]').prop('required', true);

  $('input[name=end_date]').prop('required', false) :
  $('input[name=end_date]').prop('required', true);

  $('input[name=start_time]').prop('required', false) :
  $('input[name=start_time]').prop('required', true);

  $('input[name=end_time]').prop('required', false) :
  $('input[name=end_time]').prop('required', true);

});

user_10606400 · Answer

You can simply check if the checkbox is checked then use prop('required', false) or prop('required', true) to remove or add required attribute from input box.

Demo Code :

$('input[type="checkbox"]').change(function() {
  //check if check if checked 
  $(this).is(':checked') ?
    $('input.dislay-required').prop('required', false) :
    $('input.dislay-required').prop('required', true);

});

:required {
  color: red;
}



  
   Schedule Discount

I am trying to remove required from input field when checkbox is unchecked in jquery

1 Answers