Как узнать, установлен ли флажок или нет, jquery?

Question

Есть ли лучший способ сделать это:

var IsC = $('input[type=checkbox]').attr("checked") == "checked" ? true : false; 

?

Answer 1

Вы можете использовать :checked selector

var IsC = $('input[type=checkbox]').is(":checked"); 

Или:

var IsC = $('input[type=checkbox]:checked').length>0; 

Answer 2

$("input[type=checkbox]").is(":checked") 

Answer 3

Один из способов заключается в использовании решение, отправленный dystroy.

Другим является использование метода prop вместо attr. Проверьте примеры на http://api.jquery.com/prop/

elem.checked 
// true (Boolean) Will change with checkbox state 

$(elem).prop("checked") 
// true (Boolean) Will change with checkbox state 

elem.getAttribute("checked") 
// "checked" (String) Initial state of the checkbox; does not change 

$(elem).attr("checked") //(1.6) 
// "checked" (String) Initial state of the checkbox; does not change 

$(elem).attr("checked") //(1.6.1+) 
// "checked" (String) Will change with checkbox state 

$(elem).attr("checked") //(pre-1.6) 
// true (Boolean) Changed with checkbox state 

Answer 4

var IsC = $('input[type=checkbox]').attr("checked") == "checked" ? true : false; 

так же, как просто сказать:

var IsC = $('input[type=checkbox]').attr("checked") == "checked"; 

== так будет возвращать true или false. (Чисто Javascript изменение)

---

Оптимизация JQuery (с точки зрения количества символов, по крайней мере) является:

var IsC = $('input:checkbox').is(':checked'); 
//returns true if at least one checkbox in the document is checked 

Вы можете добавить область для сравнения, рассказав селектор, где следует ввести:

var IsC = $('#myForm input:checkbox').is(':checked');