Finds all inputs that are not checked and highlights the next sibling span. Notice there is no change when clicking the checkboxes since no click events have been linked.

Edit code and click me	Your Result (Some examples do not work in Google Chrome):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("input:not(:checked) + span") .css("background-color", "yellow"); $("input").attr("disabled", "disabled"); }); </script> </head> <body> <div> <input type="checkbox" name="a" /> <span>Mary</span> </div> <div> <input type="checkbox" name="b" /> <span>lcm</span> </div> <div> <input type="checkbox" name="c" checked="checked" /> <span>Peter</span> </div> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself