checkbox checked issue in Jquery

Question

I want to set checkbox checked on document load, if check box value="1", and unchecked if value="0".

<input type="checkbox" value="1">
<input type="checkbox" value="0">
<input type="checkbox" value="1">

Jquery: which is wrong, tried many things

$(document).ready ('input[type="checkbox"]', function(event) {
  if ($(this).val==1) {
    $(this).is(":checked")
  }
});

JSFiddle

Possible duplicate of Get checkbox with specific value

Pedram
– Pedram

2019-11-02 13:30:13 +00:00
Commented Nov 2, 2019 at 13:30 — Pedram
– Pedram, Commented Nov 2, 2019 at 13:30

Mamun · Accepted Answer · 2019-11-02 13:58:18Z

4

.ready() accepts a function as the single parameter which is executed after the DOM is ready.

You do not need any condition to check the value manually. You can simply use attribute selector:

$('input[type=checkbox][value=1]').attr('checked', true);

$(document).ready(function() {
  $('input[type=checkbox][value=1]').attr('checked', true);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" value="1">
<input type="checkbox" value="0">
<input type="checkbox" value="1">

edited Nov 2, 2019 at 13:58

answered Nov 2, 2019 at 13:22

Mamun

69k9 gold badges51 silver badges62 bronze badges

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

3 Comments

Mamun Over a year ago

@Fayakon, logically the solution should work. It is really hard to tell the issue without seeing the example code with json:)

Fayakon Over a year ago

just curious how we pass any variable as value? $('input[type=checkbox][variable=1]').attr('checked', true);

Mamun Over a year ago

@Fayakon, if v is the value then you can write $('input[type=checkbox][value='+v+']').attr('checked', true);

brk · Accepted Answer · 2019-11-02 13:25:56Z

1

There are two errors. First this line ready ('input[type="checkbox"]', function(event) { .ready receives a callback function and your code is wrong there. Secondly in if ($(this).val==1) { val is a method. So that will require braces. You can nly use attribute selector and marked it as checked.Also $(this).is(":checked") return a boolean value but it never checks a checkbox

$(document).ready(function() {

  $('input[type="checkbox"][value="1"]').prop('checked', true)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" value="1">
<input type="checkbox" value="0">
<input type="checkbox" value="1">

answered Nov 2, 2019 at 13:25

brk

50.3k10 gold badges59 silver badges85 bronze badges

3 Comments

Fayakon Over a year ago

data is loading in json format, your code works fine with hardcore value, but when json is changing value to 0/1 checkbox is not changing.

brk Over a year ago

@Fayakon you never told before that it is loading from json. In that case you need to show more code which loads json

Fayakon Over a year ago

Thanks figured it out.

Collectives™ on Stack Overflow

checkbox checked issue in Jquery

2 Answers 2

3 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related