jQuery: Seleção por classe e tipo de entrada

Eu gostaria de selecionar um conjunto de elementos que são de um certo tipo de entrada (digamos, uma caixa de seleção) e têm uma determinada classe usando jQuery. No entanto, quando tento o seguinte:

 $("input:checkbox .myClass")

Eu não recebo nenhum item devolvido. Como posso fazer isso no jQuery?

Seu seletor está procurando por quaisquer descendentes de um elemento de caixa de seleção que tenha uma classe de .myClass.

Em vez disso, tente isto:

$("input.myClass:checkbox")

Confira em ação .

Eu também testei isso:

$("input:checkbox.myClass")

E também funcionará corretamente. Na minha humilde opinião, essa sintaxe realmente parece bastante feia, pois na maioria das vezes espero que os :seletores de estilo venham por último. Como eu disse, porém, qualquer um vai funcionar.

Se você deseja obter as entradas desse tipo com essa classe, use:

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

a sintaxe do seletor [] permite que você verifique qualquer um dos atributos dos elementos. Verifique as especificações para mais detalhes

Você deve usar (para caixas de seleção) :checkboxe o .nameatributo para selecionar por classe.

Por exemplo:

$("input.aclass:checkbox")

O :checkboxseletor:

Corresponde a todos os elementos de entrada da caixa de seleção de tipo. Usar este seletor psuedo como $(':checkbox')é equivalente a $('*:checkbox') qual é um seletor lento. É recomendado fazer $('input:checkbox').

Você deve ler a documentação do jQuery para saber sobre os seletores.

Você deve usar o nome da classe assim

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

Experimente usar esta demonstração ao vivo

Experimente isto:

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

Caso algum manequim como eu tenha tentado as sugestões aqui com um botão e não tenha encontrado nada funcionado, você provavelmente quer isto:

$(':button.myclass')