jquery clear input fields if the checkbox is unchecked

Question

I have the following jquery, what is letting the user to fill out additional fields in the form if the check box is checked. What I want is to clear the additional inputs fields values if the check box is unchecked.

$(document).ready(function() {
    $('input:checkbox').attr('checked', false);
    $('#xml').hide();
    $('#checkbox').click(function() {
        $('#xml')[this.checked ? "show" : "hide"]();
    });
    $('input[type="checkbox"]').click(function() {
        if (this.checked) {
            $('div#xml p label input').attr('required', true);
        }

        else

            $('div#xml p label input').removeAttr('required', true);

        //Here should the corresponding code to be pasted 
                   //$('div#xml p label input').val = ('');

    });

$(function() {
    $("#datepicker").datepicker();
});
});

Bogdan Emil Mariesan · Accepted Answer · 2012-03-30 08:16:50Z

3

The solution is:

 $('div#xml p label input').val("");

answered Mar 30, 2012 at 8:16

Bogdan Emil Mariesan

5,6672 gold badges35 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nicola Peluchetti · Accepted Answer · 2012-03-30 08:17:11Z

0

You should do

$('input[type="checkbox"]').click(function() {
    if (this.checked) {
        $('div#xml p label input').attr('required', true);
    }else{
        $('div#xml p label input').removeAttr('required', true);
        $('div#xml p label input').val('');
    }

});

answered Mar 30, 2012 at 8:17

Nicola Peluchetti

77k32 gold badges150 silver badges197 bronze badges

Comments

chess master1 · Accepted Answer · 2018-12-19 19:38:32Z

0

Another working solution:

<script type="text/javascript">
$(document).ready(function(){
    $('#pizzaOption>input[type="checkbox"]').click(function() {
      if ($(this).is(':checked')) {
    var pizzaPrice=$(this).closest("#pizzaOption").data('price');
     console.log(price);
       $('#total').html(pizzaPrice);
    } else {
      var pizzaPrice=0;
      $('#total').html(pizzaPrice);
    }
    });
});
  </script>

answered Dec 19, 2018 at 19:38

chess master1

551 gold badge1 silver badge10 bronze badges

Collectives™ on Stack Overflow

jquery clear input fields if the checkbox is unchecked

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related