If you are a programmer sure you will be often working with forms and most of the time there will be a Check Box at the bottom of the form with ‘I agree to the T&C’. Here is the problem, after you do all the the other validations you will be stopping at the final checkbox thinking how to find out if the checkbox is checked?
There are plenty of methods you can use jQuery to test if a checkbox is checked or not!. But this one is the correct and easiest method to check.
Here it is:
|
1 |
$( "#chkboxid" ).is( ':checked' ); |
Basically the above code will return true or false!.
$( ‘yourselector’ ).is( ‘:checked’ );
Easy isn’t it?, here is an example code, so you can get a clear idea from this:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<html> <head> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script> $(function(){ $( "input[type=checkbox]" ).click(function(){ if($( "#checkbox1" ).is( ':checked' )){ $( '.msg' ).text( 'Good! You agreed!' ); }else{ $( '.msg' ).text( 'You disagree??. You should agree..come on tick the box!' ); } }) }); </script> </head> <body> <p class="msg"> </p> I agree to the T&C :<input type="checkbox" name="newsletter" id="checkbox1" value="Hourly"> </body> </html> |
I hope this would have helped you a little. Thanks for coming!
