размера() не с с Js селектором/является

Question

Вот мой код:

<input type="checkbox"> a<br /> 
<input type="checkbox"> b<br /> 
<input type="checkbox"> c<br /> 
<button>Size</button> 

<script> 
$('button').click(function() { 
    alert($('input').is(':checked').size()); 
}); 
</script> 

JS скрипки: http://jsfiddle.net/a8f7stx5/

При нажатии на кнопке «Размер» я получаю «неперехваченный TypeError : undefined не является функцией "error. Есть идеи?

Answer 1

$('input').is(':checked') вернет флаг true false, основанный на значении флажка, и используя метод .size(), вернется undefined по значению bool (вы можете увидеть ошибку в консоли).

также использовать .length вместо .size() как размер является устаревшим в версии 1.8:

$('input:checked').size() 

Working Demo

Answer 2

.is() возвращает булево из выполняет ли элемент селектор. Попробуйте использовать вместо .filter():

alert($('input').filter(':checked').size()); 

Answer 3

Свойство .length является предпочтительным способом:

$('input:checked').length; 

DEMO