jQuery: wybieranie według klasy i typu danych wejściowych

Chciałbym wybrać zestaw elementów, które mają zarówno określony typ danych wejściowych (powiedzmy, pole wyboru), jak i określoną klasę za pomocą jQuery. Jednak gdy próbuję wykonać następujące czynności:

 $("input:checkbox .myClass")

Nie otrzymuję żadnych zwrotów. Jak mogę to osiągnąć w jQuery?

Twój selektor szuka elementów potomnych elementu pola wyboru, które mają klasę .myClass.

Spróbuj tego zamiast tego:

$("input.myClass:checkbox")

Sprawdź to w akcji .

Testowałem też to:

$("input:checkbox.myClass")

I to też będzie działać poprawnie. Moim skromnym zdaniem ta składnia wygląda naprawdę brzydko, ponieważ przez większość czasu oczekuję, że :selektory stylu będą ostatnie. Jak już powiedziałem, każdy z nich zadziała.

Jeśli chcesz uzyskać dane wejściowe tego typu z tą klasą, użyj:

$("input.myClass[type=checkbox]")

składnia selektora [] umożliwia sprawdzenie dowolnego atrybutu elementu. Sprawdź specyfikację, aby uzyskać więcej informacji

Musisz użyć (dla pól wyboru) :checkboxi .nameatrybutu, aby wybrać według klasy.

Na przykład:

$("input.aclass:checkbox")

:checkboxSelektor:

Pasuje do wszystkich elementów wejściowych typu checkbox. Używanie tego podobnego $(':checkbox')do pseudo-selektora jest odpowiednikiem tego, $('*:checkbox') co jest powolnym selektorem. Zaleca się to zrobić $('input:checkbox').

Powinieneś przeczytać dokumentację jQuery, aby dowiedzieć się o selektorach.

Powinieneś użyć takiej nazwy klasy

$(document).ready(function(){
    $('input.addCheck').prop('checked',true);
});

Spróbuj użyć tego do demonstracji na żywo

Spróbuj tego:

$("input:checkbox").hasClass("myClass");

Na wypadek, gdyby jakiekolwiek manekiny takie jak ja wypróbowały sugestie tutaj za pomocą przycisku i nie znalazły nic nie działającego, prawdopodobnie chcesz tego:

$(':button.myclass')