Jquery checkbox does'n work (checked and unchecked)

Question

It's doesn't work ( Why? Can anybody explain, please

function checkBox()
    {
        if($('.checkbox').prop('checked', true))
        {
            $('body').css('background','yellow');
        }
        else if ($('.checkbox').prop('checked', false))
            $('body').css('background','blue');
    }

html <input class="checkbox" type="checkbox" checked/>

Viktory
– Viktory

2015-04-01 13:41:02 +00:00
Commented Apr 1, 2015 at 13:41 — Viktory
– Viktory, Commented Apr 1, 2015 at 13:41

Sudharsan S · Accepted Answer · 2015-04-01 13:45:56Z

1

.is() - Check the current matched set of elements against a selector, element, or jQuery object and return true if at least one of these elements matches the given arguments.

   if($('#checkbox').is(':checked')){
      $('body').css('background','yellow');
    }
    else{
      $('body').css('background','blue');
    }

edited Apr 1, 2015 at 13:45

answered Apr 1, 2015 at 13:41

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

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

1 Comment

Sudharsan S Over a year ago

please make sure your event is triggered or not

Legendary · Accepted Answer · 2015-04-01 14:07:27Z

0

FIDDLE: https://jsfiddle.net/7rpeL2gu/4/

Thats the answer HTML:

<input class="checkbox" type="checkbox" />

JS:

$(document).ready(function(){
  $('.checkbox').on('click', function(){
    checkBox( $(this) );
  });
});

function checkBox($this){
  if( $this.prop('checked') ){
      $('body').css('background-color','yellow');}
  else{
      $('body').css('background-color','blue'); }
}

P.S. Your code does not work, because $(input).prop('checked', true) - set input to checked, but $(input).prop('checked') give you input.state of checked.

P.P.S read this https://api.jquery.com/prop/

edited Apr 1, 2015 at 14:07

answered Apr 1, 2015 at 13:49

Legendary

2,24219 silver badges26 bronze badges

6 Comments

Viktory Over a year ago

if i create function such as function checkBox(), i have mistake Uncaught TypeError: undefined is not a function

Legendary Over a year ago

wait a second, i re-write code now for function calling

Viktory Over a year ago

snx ( You helped me a lot

Legendary Over a year ago

@Viktory try that way

Legendary Over a year ago

You forget to include jquery - i update your fiddle: jsfiddle.net/4kzvnyky/1

|

Collectives™ on Stack Overflow

Jquery checkbox does'n work (checked and unchecked)

2 Answers 2

1 Comment

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related