check if checkbox :check is not working, why, jquery?

Question

I am trying to check if the box is checked or not with jquery. It doesn't work but I don't get why.

If I refresh the page and keep the checkbox check, then it will echo alert.

if($("#faith").is(':checked')){
    alert('hello');
}
if($("#diet").is(':checked')){
    alert('hello');
}

<input type="checkbox" name="cureway" id="faith" value="faith" /><label for="faith">My faith</label>
<input type="checkbox" name="cureway" id="diet" value="diet"  /><label for="diet">My diet</label>
<input type="checkbox" name="cureway" id="exer" value="exer" /><label for="exer">My excercise</label>

where is those script kept.. is it in a change or some other event handler — Arun P Johny
– Arun P Johny, Commented Mar 26, 2015 at 5:27
its working. what is the event that you are trying to execute this. — tech-gayan
– tech-gayan, Commented Mar 26, 2015 at 5:31

Rohit Rehan · Accepted Answer · 2015-03-26 05:33:03Z

1

I think you are looking for this

$('input[type="checkbox"]').on('change', function() {
    if($("#faith").is(':checked')){
      alert('hello');
    }
    if($("#diet").is(':checked')){  
      alert('hello');
    }
});

Here is the fiddle.

https://jsfiddle.net/rrehan/sfo45mpb/1/

answered Mar 26, 2015 at 5:33

Rohit Rehan

5701 gold badge4 silver badges19 bronze badges

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

Comments

tech-gayan · Accepted Answer · 2015-03-26 05:39:42Z

1

$('input[type="checkbox"]').on('change', function() {
  if($("#faith").is(':checked')){
    alert('faith checked');
   }
   if($("#diet").is(':checked')){  
    alert('diet checked');
   }
});

Demo

Hope this helps

answered Mar 26, 2015 at 5:39

tech-gayan

1,4431 gold badge11 silver badges25 bronze badges

Comments

stanze · Accepted Answer · 2015-03-26 07:11:43Z

1

Try with this code

$(function(){
    $('input').on('click', function(){
    if($("#faith").is(':checked')){
    alert('hello');
    }
    if($("#diet").is(':checked')){
    alert('hello');
    }
       })
})

edited Mar 26, 2015 at 7:11

answered Mar 26, 2015 at 5:32

stanze

2,47814 silver badges14 bronze badges

Comments

Neerajlal K · Accepted Answer · 2015-03-26 05:42:27Z

Try this,

Javascript

$(document).ready(function(){
    $(".checker").change(function() {
        if ($("#faith").is(':checked')) {
            alert('hello');
        }
        if ($("#diet").is(':checked')) {
            alert('hello again');
        }
        if ($("#exer").is(':checked')) {
            alert('hello again too');
        }
    });
});

Html

<input type="checkbox" name="cureway" id="faith" value="faith" class="checker" />
<label for="faith">My faith</label>
<input type="checkbox" name="cureway" id="diet" value="diet" class="checker" />
<label for="diet">My diet</label>
<input type="checkbox" name="cureway" id="exer" value="exer" class="checker" />
<label for="exer">My excercise</label>

Added a class to the checkbox.

https://jsfiddle.net/17m8wkwf/

Collectives™ on Stack Overflow

check if checkbox :check is not working, why, jquery?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related