jQuery: Sınıfa ve giriş türüne göre seçme

Her ikisi de belirli bir girdi türünde (örneğin, bir onay kutusu) ve jQuery kullanarak belirli bir sınıfa sahip bir dizi öğe seçmek istiyorum. Ancak, aşağıdakileri denediğimde:

 $("input:checkbox .myClass")

İade edilen herhangi bir ürün almadım. Bunu jQuery'de nasıl başarabilirim?

Seçiciniz, sınıfına sahip bir onay kutusu öğesinin soyundan gelenleri arıyor .myClass.

Bunun yerine şunu deneyin:

$("input.myClass:checkbox")

Eylem halindeyken kontrol edin .

Bunu da test ettim:

$("input:checkbox.myClass")

Ve aynı zamanda düzgün çalışacaktır. Benim mütevazı görüşüme göre, bu sözdizimi gerçekten oldukça çirkin görünüyor, çünkü çoğu zaman :stil seçicilerinin en son olmasını bekliyorum . Dediğim gibi, her ikisi de işe yarayacak.

Bu türdeki girdileri o sınıfla almak istiyorsanız:

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

[] seçici sözdizimi, herhangi bir öğe özniteliğini kontrol etmenize olanak sağlar. Daha fazla ayrıntı için teknik özelliklere bakın

Sınıfa göre seçmek için (onay kutuları için) :checkboxve .nameözniteliği kullanmanız gerekir.

Örneğin:

$("input.aclass:checkbox")

:checkboxseçici:

Onay kutusundaki tüm girdi öğeleriyle eşleşir. Bu psuedo seçiciyi kullanmak , yavaş seçici olana $(':checkbox')eşdeğerdir $('*:checkbox'). Yapmanız tavsiye edilir $('input:checkbox').

Seçiciler hakkında bilgi edinmek için jQuery belgelerini okumalısınız .

Sınıf adını böyle kullanmalısın

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

Bunu canlı bir demo kullanmayı deneyin

Bunu dene:

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

Benim gibi aptallar buradaki önerileri bir düğmeyle denedi ve hiçbir şey işe yaramadı, muhtemelen şunu istiyorsun:

$(':button.myclass')