русский עברית

Tools

Linear Gradients Custom Menu Hosting

String Number Boolean Object Options Array Map Function Callback Selector Event Element jQuery MIME XMLHttpRequest Deferred jqXHR Promise

offset()position()scrollTop()scrollLeft()

Height and Width

height()width()innerHeight()innerWidth()outerHeight()outerWidth()

Ajax Event Objects

event.preventDefault()event.stopPropagation()event.target event.type event.pageX event.pageY event.data event.which event.relatedTarget event.timeStamp event.currentTarget event.isDefaultPrevented()event.isImmediatePropagationStopped()event.isPropagationStopped()event.result event.stopImmediatePropagation()event.namespace

Plugin Authoring

jQuery.pushStack()jQuery.error

Version 1.6 Version 1.5.1 Version 1.5 Version 1.4.4 Version 1.4.3 Version 1.4.2 Version 1.4.1 Version 1.4 Version 1.3 Version 1.2.6 Version 1.2.3 Version 1.2 Version 1.1.4 Version 1.1.3 Version 1.1.2 Version 1.1 Version 1.0.4 Version 1.0

jQuery Examples

jQuery Examples Navigation

Deferred Object

deferred.done()deferred.fail()deferred.isRejected()deferred.isResolved()deferred.promise()deferred.reject()deferred.rejectWith()deferred.resolve()deferred.resolveWith()deferred.then()deferred.always()deferred.pipe()promise()

Browsers

Browser Information Browser Statistics OS Platform Statistics Browser Display Statistics Browser Explorer Browser Netscape Project Mozilla Browser Firefox Browser Opera Browser Chrome Browser Safari Mobile Browser

Did you find an error in the text?

Select this with mouse and press

Ctrl + Enter

Xhtml.co.il Check Spelling

jQuery Basic

jQuery jQuery Introduction History of jQuery Philosophy of jQuery Function jQuery $jQuery Methods $(document).ready()FAQ

jQuery Attributes

attr()removeAttr()

addClass()hasClass()removeClass()toggleClass()

prop()removeProp()

show()hide()toggle()

slideDown()slideUp()slideToggle()

fadeIn()fadeOut()fadeTo()fadeToggle()

animate()stop()delay()

jQuery.fx.off jQuery.fx.interval

:checked

checked selector

Description: Matches all elements that are checked.

jQuery(':checked')

version added: 1.0

The :checked selector works for checkboxes and radio buttons. For select elements, use the :selected selector.

Examples

Finds all input elements that are checked.

    function countChecked() {
      var n = $("input:checked").length;
      $("div").text(n + (n <= 1 ? " is" : " are") + " checked!");
    }
    countChecked();
    $(":checkbox").click(countChecked);

The output of the code above will be:

Try it yourself

Full source:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>  
  <script>
  $(document).ready(function(){    
    function countChecked() {
      var n = $("input:checked").length;
      $("div").text(n + (n <= 1 ? " is" : " are") + " checked!");
    }
    countChecked();
    $(":checkbox").click(countChecked);
  });
  </script>
  <style>
  div { color:red; }
  </style>
</head>
<body>
  <form>
    <input type="checkbox" name="newsletter" checked="checked" value="Hourly" />
    <input type="checkbox" name="newsletter" value="Daily" />
    <input type="checkbox" name="newsletter" value="Weekly" />
    <input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
    <input type="checkbox" name="newsletter" value="Yearly" />
  </form>
  <div></div>
</body>
</html>

Try it yourself

Was this information helpful?

Yes No

Comments