2012-07-13 53 views
5

Xin chào mọi người Tôi có một hộp kiểm Tôi muốn kiểm tra xem nó được kiểm tra hoặc không có ở phía khách hàng, trước khi postback xảy ra. Đây là hộp kiểm:kiểm tra jquery nếu hộp kiểm asp được kiểm tra

<asp:CheckBox runat="server" CssClass="checkbox" Checked="true" ID="checkboxRules" /> 

Cảm ơn trước, Laziale

UPDATE: Vấn đề là có một nút trên trang quá mà được kích hoạt bằng mã js, và có lẽ tôi có thể thêm một ở đó để kiểm tra xem hộp kiểm có được chọn khi hộp kiểm được nhấp hay không, nếu không hiển thị thông báo cho hộp kiểm bỏ chọn:

chức năng enterClick() { $ ('# SUBMIT'). }

var ishown = false; 
$(document).ready(function() { 
    $('#BUTTON').click(function (e) { 

// Tôi muốn đặt logic hộp kiểm ở đây

Cảm ơn một lần nữa

+1

Ok. Bạn đã thử cái gì? – asawyer

Trả lời

1

Vì đây là hộp kiểm phía máy chủ, nó sẽ gửi một cái gì đó như <input type="checkbox" class="checkbox" /> dưới dạng HTML cho ứng dụng khách sau khi ASP.NET xử lý kiểm soát.

Id của hộp kiểm sẽ không phải là checkboxRules khi bạn có nó trong mã nguồn. ASP.NET sẽ tạo một kết nối của id hình thức phía máy chủ + id trang chính (nếu sử dụng trang chính) + checkboxRules vì ​​vậy trong trường hợp này, tôi sẽ không sử dụng bộ chọn phụ thuộc vào id phần tử.

Chúng tôi có thể tạo bộ chọn jQuery càng hẹp càng tốt để chỉ chọn đầu vào có loại "hộp kiểm" và với một lớp CSS là "hộp kiểm".

$('input[type=checkbox] .checkbox').attr('checked') 

sẽ trả về giá trị boolean của trạng thái kiểm tra đầu vào. Điều này sẽ tìm thấy bất kỳ đầu vào trên trang đó là một hộp kiểm với lớp CSS đó.

+0

Xem: http://www.electrictoolbox.com/check-uncheck-checkbox-jquery/ – mccrager

2

Giả sử hộp kiểm của bạn là mục duy nhất trên trang có lớp checkbox:

var checked = $(".checkbox").is(':checked') 
+0

hãy kiểm tra mã được cập nhật của tôi – Laziale

9

try ...

if ($('#<%= checkboxRules.ClientID %>').is(':checked')) { 
... 
} 
+0

vui lòng kiểm tra mã được cập nhật của tôi – Laziale

0

Thêm thuộc tính dữ liệu vào hộp kiểm của bạn và sử dụng hàm 'hasClass' mà jQuery cung cấp. Như dưới đây:

var isChecked = $('[data-checkbox]').hasClass('checkbox-selected');
<asp:CheckBox data-checkbox="" Text="Some Caption" runat="server" />

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