jQuery xem nếu có hoặc không có hộp kiểm nào được chọn

Question

Tôi biết cách xem liệu một hộp kiểm cá nhân có được chọn hay không.

Nhưng Im gặp rắc rối với những điều sau đây - được đưa ra một id hình thức tôi cần phải xem nếu bất kỳ của các hộp kiểm được lựa chọn (nghĩa là 1 trở lên), và tôi cần phải nhìn thấy nếu none được chọn. Về cơ bản tôi cần hai hàm riêng biệt để trả lời hai câu hỏi này. Trợ giúp sẽ được đánh giá cao. Cảm ơn!

Thực ra, tôi chỉ cần một hàm để cho tôi biết nếu không có nào được chọn. Biết điều này sẽ trả lời câu hỏi khác.

Answer 1

Bạn có thể sử dụng một cái gì đó như thế này

if ($("#formID input:checkbox:checked").length > 0) 
{ 
    // any one is checked 
} 
else 
{ 
    // none is checked 
} 

Answer 2

Bạn có thể làm điều này:

if ($('#form_id :checkbox:checked').length > 0){ 
    // one or more checkboxes are checked 
    } 
    else{ 
    // no checkboxes are checked 
    } 

đâu:

• :checkbox lọc selector chọn tất cả hộp kiểm.
• :checked sẽ chọn kiểm tra hộp kiểm
• length sẽ cung cấp số lượng những người kiểm tra có

Answer 3

Bạn có thể làm một sự trở lại đơn giản của .length ở đây:

function areAnyChecked(formID) { 
    return !!$('#'+formID+' input[type=checkbox]:checked').length; 
} 

Cái nhìn này cho các hộp kiểm trong biểu mẫu đã cho, xem nếu có bất kỳ số nào là :checked và trả lại true nếu chúng là (vì độ dài sẽ bằng 0 nếu không). Để làm cho nó rõ ràng hơn một chút, đây là phiên bản không boolean được chuyển đổi:

function howManyAreChecked(formID) { 
    return $('#'+formID+' input[type=checkbox]:checked').length; 
} 

Điều này sẽ trả về số lượng đã được kiểm tra.

Answer 4

JQuery .is sẽ kiểm tra tất cả các yếu tố quy định và trả về true nếu ít nhất một trong số họ phù hợp với selector:

if ($(":checkbox[name='choices']", form).is(":checked")) 
{ 
    // one or more checked 
} 
else 
{ 
    // nothing checked 
} 

Answer 5

câu trả lời Rahul là phù hợp nhất cho câu hỏi của bạn. Dù sao, nếu bạn có một nhóm các hộp kiểm để được kiểm tra và không phải tất cả các hộp kiểm trong biểu mẫu của bạn, bạn có thể đi cho nó.

Đặt một classname cho tất cả các hộp kiểm bên bạn muốn kiểm tra, nói ví dụ, một classname test_check và bây giờ bạn có thể kiểm tra nếu có các hộp kiểm được kiểm tra thuộc nhóm bằng cách:

$("#formID .test_check:checked").length > 0 

Nếu nó trả về true, giả sử rằng một hoặc nhiều hộp kiểm được chọn có tên lớp là test_check và không có kiểm tra nào nếu trả về false.

Hy vọng nó sẽ giúp ai đó.Cảm ơn:) -

Answer 6

Đây là những gì tôi đã sử dụng để kiểm tra nếu có hộp kiểm trong danh sách các hộp kiểm đã thay đổi:

$('input[type="checkbox"]').change(function(){ 

     var itemName = $('select option:selected').text(); 

     //Do something. 

});  

Answer 7

Nếu không sử dụng 'chiều dài' bạn có thể làm điều đó như thế này:

if ($('input[type=checkbox]').is(":checked")) { 
     //any one is checked 
} 
else { 
//none is checked 
}