jQuery選擇特定類型的所有複選框

-2

我想要一個腳本，它會自動選擇特定類型的所有複選框。第一種類型是語言，所以我想用一個選中的複選框來選擇屬於同一語言組的所有複選框（例如英語）。jQuery選擇特定類型的所有複選框

我設法得到那麼多，並創建了簡單的jquery腳本來完成這項工作。我把數據庫中的語言字段放到一個類屬性中，這樣我就可以檢查所有有我的複選框。即英語課或德語。

$("#engSelect").change(function(){ 
    var status = $(this).is(":checked") ? true : false; 
    $(".English").prop("checked",status); 
});

工作小提琴：http://jsfiddle.net/3xGTr/

除了語言領域我也有大小字段中分貝，這樣的東西可以IG：

英文授課，英語小，德語中或德國小

因此，除了「選擇所有英語」之外，我還希望「選擇所有的小」，最終可能會導致只選擇英語和小或德語和中等語言。

不知道怎麼做，因爲即時通訊使用類已經用於語言，我可以從數據庫中存儲大小字段。

感謝您的幫助提前:)

來源

2014-02-23 Mevia

只使用特定的類作爲「small」和/或「medium」http://jsfiddle.net/3xGTr/1/ –

您可以爲一個元素指定多個類（用空格分隔） –

您可以選擇元素通過連接類選擇器（不包含空格）來提供多個類，例如'$（'。English.small'）' – thebjorn

<input class="English small" type="checkbox"> English<br /> 
<input class="English big" type="checkbox"> English<br /> 
<input class="German medium" type="checkbox"> German<br /> 


$("#engSelect").change(function(){ 
    var status = $(this).is(":checked") ? true : false; 
    $(".English.small").prop("checked",status); // here small is a class in addition to English 
});

一定要不斷地鍵入類選擇......沒有他們的任何空間......這表示它們屬於同一個元素

來源

2014-02-23 15:43:31 gurudeb

但是複選框的外觀如何？這樣的事情：或以其他方式？ – Mevia

更新了我的答案，請檢查 – gurudeb

在html中使用多個類的空間分隔符，但在jquery選擇器中，類名不應包含它們之間的空格，否則它們將被視爲子選擇器 – gurudeb

jQuery選擇特定類型的所有複選框

回答

相關問題