How to check if checkbox is checked?

Question

I have this script where checkbox behave like radio button:

$(".chb").each(function () { $(this).change(function () { $(".chb").prop('checked',false); $(this).prop('checked', true); }); });

I have this loop in view:

 @foreach (var item in Model.Banners) { <tr> <td style="border-right:1px solid white;border-bottom:1px solid white;padding:5px;">@Html.CheckBoxFor(m => m.PayIn.CheckedPayIn, new {id="payin", @class = "chb" })</td> </tr> }

How can i check in jquery if and which one is checked? I tried this but no success:

if ($(this).prop("checked") == false) { alert("false"); }

possible duplicate of Check if checkbox is checked with jQuery — Sudhanshu Saxena
– Sudhanshu Saxena, Commented Jun 9, 2015 at 8:13

Guruprasad J Rao · Accepted Answer · 2015-06-09 08:16:05Z

3

Write an on change event

$('.chb').on('change',function(){ if($(this).is(':checked')) { //do something } else { //do something } });

answered Jun 9, 2015 at 8:16

Guruprasad J Rao

29.7k16 gold badges113 silver badges212 bronze badges

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

Comments

user2575725 · Accepted Answer · 2015-06-09 08:25:41Z

There are multiple options, like with jQuery $(this).prop('checked') or $(this).is(':checked'), with pure js this.checked, in all given snippets, it evaulate to true/false.

$(function() { var chbs = $('input.chb'); // cache all chbs.on('change', function(e){ chbs.prop('checked', false); //un-check all this.checked = true; //check the current }); });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <input class='chb' type='checked' /> <input class='chb' type='checked' /> <input class='chb' type='checked' />

Tuhin · Accepted Answer · 2015-06-09 08:26:11Z

Simply do this. No need to use $.each() while you registering the event.

$('.chb').on('change',function(){ $(".chb").prop('checked',false); $(this).prop('checked', true); });

But In this scenario, radio button is much recommended than check box.

Guruprasad J Rao · Accepted Answer · 2015-06-09 08:57:15Z

0

Try use this

if ($(this).val() == false) { alert("false"); }

OR

if ($(this).attr("checked") == "false") { alert("false"); }

edited Jun 9, 2015 at 8:57

Guruprasad J Rao

29.7k16 gold badges113 silver badges212 bronze badges

answered Jun 9, 2015 at 8:31

Osama AbuSitta

4,0964 gold badges40 silver badges56 bronze badges

Comments

user786 · Accepted Answer · 2015-06-09 08:58:59Z

$(document).ready(function() { $("#c1").on("change", function() { if ($("#c1").is(":checked")) { alert("checked"); } else { alert("not checked"); } }) }) try this,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" id="c1" />

silver · Accepted Answer · 2015-06-09 08:24:45Z

You can simplify your code by skipping your for loop and allowing jQuery to do the work for you:

$(".chb").click(function(){ $(".chb").prop('checked', false); // uncheck all $(this).prop('checked', true); // check this one you want });

he wants to check if checkbox is checked or not, and this is not an answer

Collectives™ on Stack Overflow

How to check if checkbox is checked?

6 Answers 6

Comments

Comments

Comments

Comments

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

1 Comment

Linked

Related