Kiểm tra xem có ít nhất một hộp kiểm được chọn không - Thủ thuật CSS

Anonim

Trong ví dụ này, nút gửi bị tắt nếu không có hộp kiểm nào được chọn và được bật nếu ít nhất một hộp được chọn.

 

Bí quyết là bạn có thể sử dụng .is(":checked")trên một đối tượng jQuery chứa đầy một loạt các phần tử và nó sẽ trả về true nếu bất kỳ phần tử nào được kiểm tra và false nếu không có phần tử nào. VÀ, việc sử dụng .attr()cho disabledthuộc tính với giá trị boolean đó sẽ bật / tắt nút đó.

var checkboxes = $("input(type='checkbox')"), submitButt = $("input(type='submit')"); checkboxes.click(function() ( submitButt.attr("disabled", !checkboxes.is(":checked")); ));