Sprawdzanie jquery jeśli pole wyboru asp jest zaznaczone

Question

Witam wszystkich Mam pole wyboru Chcę sprawdzić, czy jest zaznaczone, czy nie po stronie klienta, zanim stanie się oddzwonienie. Oto wyboru:

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

Dzięki z góry Laziale

UPDATE: Problemem jest to, że znajduje się przycisk na stronie zbyt który jest wyzwalany przez kodzie js, a może mogę dodać tam, aby sprawdzić, czy pole wyboru jest zaznaczone po kliknięciu przycisku, w przeciwnym razie wyświetlać komunikat dla niezaznaczonego pola wyboru:

funkcja enterClick() { $ ("# SUBMIT"). click(); }

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

// chcę umieścić logikę checkbox tu znowu

Answer 1

Ponieważ jest to pole wyboru po stronie serwera, wyśle ​​coś w stylu HTML do klienta po przetworzeniu formantu przez ASP.NET.

Identyfikatorem tego pola wyboru nie będą pola checkboxRules, ponieważ są one w kodzie źródłowym. ASP.NET utworzy połączenie identyfikatora formularza po stronie serwera + identyfikator strony głównej (jeśli używana jest strona wzorcowa) + checkboxRules, więc w tym przypadku nie użyję selektora zależnego od identyfikatora elementu.

Możemy ustawić selektor jQuery tak wąski, jak to tylko możliwe, aby wybrać tylko wejścia z typem "checkbox" i klasą CSS "checkbox".

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

zwróci wartość boolowską stanu sprawdzenia danych wejściowych. To znajdzie dowolny wpis na stronie, który jest polem wyboru z tą klasą CSS.

Answer 2

Dzięki Zakładając, że pole to jedyna pozycja na stronie mającej klasę checkbox:

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

Answer 3

spróbuj ...

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

Answer 4

Dodaj atrybut danych do swojego pola wyboru i użyj funkcji "hasClass", którą zapewnia jQuery. Jak poniżej:

var isChecked = $('[data-checkbox]').hasClass('checkbox-selected');

<asp:CheckBox data-checkbox="" Text="Some Caption" runat="server" />