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

Tôi biết làm thế nào để xem nếu một hộp kiểm tra cá nhân được chọn hay không.

Nhưng tôi gặp rắc rối với những điều sau đây - được cung cấp một id mẫu tôi cần xem liệu có bất kỳ hộp kiểm nào được chọn không (tức là 1 hoặc nhiều hơn) và tôi cần xem có được chọn không. Về cơ bản tôi cần hai chức năng 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!

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

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
}

JQuery .issẽ kiểm tra tất cả các phần tử đã chỉ định và trả về true nếu ít nhất một trong số chúng khớp với bộ chọn:

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

Bạn có thể làm được việc này:

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

Ở đâu:

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

Đây là những gì tôi đã sử dụng để kiểm tra nếu có bất kỳ hộp kiểm nào 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.

});     

Không cần sử dụng 'độ dài', bạn có thể làm như thế này:

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

Bạn có thể thực hiện 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 này tìm kiếm các hộp kiểm trong biểu mẫu đã cho, xem nếu có :checkedvà trả về truenếu có (vì độ dài sẽ là 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 chuyển đổi boolean:

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

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

Câu trả lời của 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 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 tìm nó.

Đặt tên lớp cho tất cả các hộp kiểm bạn muốn kiểm tra, ví dụ như tên lớp test_checkvà bây giờ bạn có thể kiểm tra xem có bất kỳ hộp kiểm nào được chọn thuộc về nhóm không:

$("#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 tra được chọn có tên lớp test_checkvà không được chọn nếu trả về false.

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

Đây là cách tốt nhất để giải quyết vấn đề này.

  if($("#checkbox").is(":checked")){

  // Do something here /////

  };