Checkbox with jquery

Question

this is my jquery

$('#hijue').change(function () {
  if($(this).prop(checked) == true) {
    $('#puta').hide();
  }
  else {
    $('#puta').show();
  }
});

and this is my html

<input type="checkbox" name="hijue" id="hijue" unchecked>
<div id="puta"></div>

This question has been posted by others before but I'm still stuck in retrieving the checkbox. Anybody please help

Do you have a error what is your problem that you are having? — user5781994
– user5781994, Commented Nov 4, 2016 at 2:37

Dekel · Accepted Answer · 2016-11-04 02:37:56Z

2

You should use prop('checked').
Your current code uses the checked variable (which I guess you don't have).

If you open the console you should also see error regarding this.

$('#hijue').change(function () {
  if($(this).prop('checked') == true) {
    $('#puta').hide();
  }
  else {
    $('#puta').show();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" name="hijue" id="hijue" unchecked>
<div id="puta">1234</div>

answered Nov 4, 2016 at 2:37

Dekel

62.9k12 gold badges109 silver badges130 bronze badges

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

3 Comments

Dekel Over a year ago

When you say "doesn't work for you" - did you run the snippet? What exactly your code look like? Because this snippet works...

nzrnfourtwenty Over a year ago

can you help me solve another question please. i'm having a headache right now haha

nzrnfourtwenty Over a year ago

stackoverflow.com/questions/40433263/…

user2575725 · Accepted Answer · 2016-11-04 03:07:16Z

1

Problem is here: .prop(checked), try .is(':checked') or this.checked

You may try jQuery.toggle()

$(function() {
  $("#hijue").on('change', function() {
    $('#puta').toggle(!this.checked);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="hijue" id="hijue" unchecked>
<div id="puta">This is div</div>

answered Nov 4, 2016 at 3:07

user2575725

Comments

Skeets · Accepted Answer · 2016-11-04 02:41:41Z

0

You can use jQuery's .is(':checked') for very readable code:

$('#hijue').change(function () {
  if($(this).is(':checked')) {
    $('#puta').hide();
  }
  else {
    $('#puta').show();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" name="hijue" id="hijue" unchecked>
<div id="puta">asdf</div>

answered Nov 4, 2016 at 2:41

Skeets

4,8983 gold badges50 silver badges77 bronze badges

Comments

user7093495 · Accepted Answer · 2016-11-04 02:41:51Z

0

Try this:

$('#hijue').change(function () {
  $('#hijue').click(function() {
    $('#puta').hide();
  });
});

answered Nov 4, 2016 at 2:41

user7093495

Collectives™ on Stack Overflow

Checkbox with jquery

4 Answers 4

3 Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Linked

Related