jquery check if asp checkbox is checked

Question

Hello everyone I have a checkbox I want to check if its checked or no on client side, before postback happens. Here is the checkbox:

 <asp:CheckBox runat="server" CssClass="checkbox" Checked="true" ID="checkboxRules" />

Thanks in advance, Laziale

UPDATE: The problem is that there is a button on the page too which is triggered by js code, and maybe I can add a line there to check if the checkbox is checked once the button is clicked, otherwise display message for unchecked checkbox:

function enterClick() { $('#SUBMIT').click(); }

var ishown = false;
$(document).ready(function () {
    $('#BUTTON').click(function (e) {

//I want to put the checkbox logic here

Thanks again

Ok. What have you tried?

asawyer
– asawyer

2012-07-13 20:34:10 +00:00
Commented Jul 13, 2012 at 20:34 — asawyer
– asawyer, Commented Jul 13, 2012 at 20:34

Suave Nti · Accepted Answer · 2012-07-13 20:37:23Z

12

try...

if ($('#<%= checkboxRules.ClientID %>').is(':checked')) {
...
}

answered Jul 13, 2012 at 20:37

Suave Nti

3,76713 gold badges57 silver badges78 bronze badges

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

Comments

mccrager · Accepted Answer · 2012-07-13 20:38:33Z

Since it is a server-side Checkbox, it will send something like <input type="checkbox" class="checkbox" /> as HTML to the client after ASP.NET processes the control.

The id of the checkbox isn't going to be checkboxRules as you have it in the source code. ASP.NET will make a concatenation of the server-side form id + master page id (if using a master page) + checkboxRules so in this case I won't use a selector that depends on element id.

We can make a jQuery selector as narrow as possible to only select inputs with a type of "checkbox" and with a CSS class of "checkbox".

$('input[type=checkbox] .checkbox').attr('checked')

will return the boolean value of the check status of the input. This will find any input on the page that is a checkbox with that CSS class.

Anders Abel · Accepted Answer · 2012-07-13 20:35:59Z

3

Assuming your checkbox is the only item on the page having the checkbox class:

var checked = $(".checkbox").is(':checked')

answered Jul 13, 2012 at 20:35

Anders Abel

69.6k18 gold badges154 silver badges221 bronze badges

Comments

end1dream · Accepted Answer · 2016-11-04 10:24:53Z

0

Add a data attribute to your checkbox and use the 'hasClass' function jQuery provides. Like below:

var isChecked = $('[data-checkbox]').hasClass('checkbox-selected');

<asp:CheckBox data-checkbox="" Text="Some Caption" runat="server" />

answered Nov 4, 2016 at 10:24

end1dream

1312 silver badges8 bronze badges

Comments

Sulaiman Zahir · Accepted Answer · 2020-08-16 17:37:43Z

0

if($("[id$='checkbox_ID']").prop('checked')) //Result: true or false
{
 // your code here
}

answered Aug 16, 2020 at 17:37

Sulaiman Zahir

14 bronze badges

Collectives™ on Stack Overflow

jquery check if asp checkbox is checked

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related