<div>
Are checking this too early? On document ready, do you expect your checkbox will be on checked state?
</div>

<div>
No. I'm looking for something that will check to see if it's checked after the DOM &nbsp;has loaded and the user has checked the box.
</div>

<div>
So the event you have placed the script is where gone wrong. Register the same in any event that you might want to check, usually at a submit button click as shown below 
 

<pre><code class="code-1 nolinks" id="code-20-42368077-1">$(&quot;#btnSubmit&quot;).button().click(function(){
 var $checkbox=$('input[id=&quot;spouse_check&quot;]');
	if($checkbox).prop('checked'))
	{
		alert(&quot;hello&quot;);
	}
 }); 
</code></pre>
</div>

<div>
I see. 
 
But what about this: <a href="https://medium.com/js-dojo/check-if-a-checkbox-is-checked-with-jquery-2843f97d4954" rel="ugc">https://medium.com/js-dojo/check-if-a-checkbox-is-checked-with-jquery-2843f97d4954</a> 
 
It doesn't seem like he's using a &quot;submit&quot; dynamic. It's all happening when the user clicks on the checkbox. How is he doing that? 
 
I couldn't get it to work...
</div>

<div>
If you cant figure out the event, and if you need this on form submit, try this - 
 

<pre><code class="code-1 nolinks" id="code-20-42368195-1">$(document).on('submit','formId',function(){
 // code
});
</code></pre>
 
or 
 
&nbsp;
<pre><code class="code-1 nolinks" id="code-20-42368195-2">$(&quot;#formid&quot;).on(&quot;submit&quot;, function(){
 //code
 return true;
 })
</code></pre>
</div>

<div>
<div class="content wysiwyg-content">
I've been at this for a while to no avail. 
 
Seems like this should be easy... 
 
Here's what I'm doing: 
 

<pre><code class="code-10 nolinks" id="code-10-29068406-1">&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
&lt;title&gt;JQuery Example&lt;/title&gt;
&lt;link href=&quot;css/stylesheet.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://code.jquery.com/jquery-1.10.0.min.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;

Spouse &lt;input type=&quot;checkbox&quot; id=&quot;spouse_check&quot;&gt;

&lt;script&gt;
$(document).ready(function() {

	var $checkbox=$('input[id=&quot;spouse_check&quot;]');
	if($checkbox).prop('checked'))
	{
		alert(&quot;hello&quot;);
	}
	
});

&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
 
Doesn't work. what am I missing?
</div>
</div>

I've been at this for a while to no avail.

Seems like this should be easy...

Here's what I'm doing:

(CODE)

Doesn't work. what am I missing?

How can I check the &quot;checked&quot; status of a checkbox in JQuery?

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

How can I check the &quot;checked&quot; status of a checkbox in JQuery?

How can I check the "checked" status of a checkbox in JQuery?