2012-08-08 61 views
8

Tôi có cột đầu tiên trong bảng HTML bao gồm các hộp kiểm, v.v. khi người dùng nhấp vào nút tôi muốn kiểm tra xem có bất kỳ hộp kiểm nào đã được kiểm tra trước khi đi tới mã phía sau hay không .Cách đếm số hộp kiểm đã được kiểm tra

Đây là những gì tôi có, nhưng nó vẫn không ngừng ném một lỗi "Microsoft JScript runtime lỗi: lỗi cú pháp, không được công nhận biểu: input.checkbox: kiểm tra"]"

Đây là mã của tôi tôi chỉ muốn quay trở lại số lượng hộp kiểm được thực sự kiểm tra như thế nào.

$('#BtnExportToExcel').click(function() { 
      var check = ('#gvPerformanceResult').find('input.checkbox:checked"]').length; 
      alert(check); 
    return false; 
    }): 

Cảm ơn sự giúp đỡ của bạn.

Trả lời

6

Bạn có một khung lơ lửng trong find() chức năng, hãy thử này

$('#BtnExportToExcel').click(function() { 
    var check = $('#gvPerformanceResult').find('input[type=checkbox]:checked').length; 
    alert(check); 
    return false; 
}): 

Lưu ý, dựa trên câu trả lời của bạn có vẻ như bạn muốn TẤT CẢ các hộp kiểm trong phạm vi #gvPerformanceResult và không chọn hộp kiểm với lớp .checkbox - sử dụng [type=checkbox] để chọn những hộp kiểm

+0

Vui lòng sửa các lỗi trong mã của bạn (như Curt đã chỉ ra trong câu trả lời của mình). – BNetz

17

Bạn có cú pháp không hợp lệ (Không $ khi bắt đầu và "] ở cuối).

Thay đổi:

('#gvPerformanceResult').find('input.checkbox:checked"]').length; 

Để:

$('#gvPerformanceResult').find('input.checkbox:checked').length; 
+0

Something quá nhỏ ..... im ngạc nhiên Tôi thậm chí còn hơn nhìn mà !! cảm ơn mặc dù. –

+0

@ScottAtkinson Rất vui được giúp đỡ. Vui lòng đánh dấu là câu trả lời nếu điều này đã giải quyết được sự cố của bạn. http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work – Curt

+0

Giải pháp này có hoạt động trong tất cả các trình duyệt như IE không? Đôi khi chúng tôi không có thời gian để kiểm tra trong tất cả các trình duyệt theo cách thủ công. Sẽ tốt hơn nếu ai đó đã thử nghiệm rồi. –

3

đặn nó ra

$('#BtnExportToExcel').click(function() { 
       var check = $("input:checkbox:checked").length 
       alert(check); 
}); 

+1

Lưu ý: Đây sẽ là tất cả các hộp kiểm trên trang của bạn. Không chỉ bên trong '# gvPerformanceResult' – Curt

+0

Xem câu trả lời của tôi, nó sẽ tìm thấy tất cả các hộp kiểm được chọn trong' # gvPerformanceResult' – Chris

+1

Bạn đã tìm ra? Hoặc các câu trả lời khác đã làm điều đó cho bạn? Tôi không nghĩ rằng nó là thích hợp để gửi một câu trả lời cho câu hỏi của riêng bạn khi nó đã được trả lời đầy đủ bởi tất cả mọi người khác. – musefan

8
$('input[type="checkbox"]:checked').length; 

này sẽ trả lại số hộp kiểm kiểm tra.


Restrict:

$('#gvPerformanceResult').find('input[type="checkbox"]:checked').length; 
+0

Điều này sẽ trả về tất cả các hộp kiểm đã chọn trên trang, không chỉ trong '# gvPerformanceResult' – Curt

+0

ok, bây giờ nó hoạt động trên hạn chế yếu tố. –

Các vấn đề liên quan