2010-06-13 53 views
3

歡迎,如何選擇類爲「xxx」的所有複選框?

它可以選擇所有複選框/取消選中所有複選框什麼是類「xxx」?

我不能使用「名稱」和「ID」,因爲通過PHP生成動態的,我不知道他們的名字。

所以maybye我可以添加類「xxx」爲這些我想控制?

可以嗎?

或者,如果不可能的話。 Maybye我可以選擇全部/取消選擇ID爲「selectall」的表內的內容?

問候

回答

5

這裏是你如何能與jQuery的attr方法做:

$('input.xxx').attr('checked', 'checked'); 

此找到所有投入要素與xxx類,並檢查他們。要取消檢查,他們,你可以做這樣的:

$('input.xxx').attr('checked', false); 

對於表內複選框id爲selectall,你可以去,如:

$('table#selectall :checkbox').attr('checked', 'checked'); 

,並取消選中它們,你應該這樣做:

$('table#selectall :checkbox').attr('checked', false); 

或者:

$('table#selectall :checkbox').removeAttr('checked'); 
+0

謝謝:) 這是真的很有幫助:) 你解決我的問題;) – marc 2010-06-13 12:09:17

+0

@marc:歡迎您:) – Sarfraz 2010-06-13 12:10:07

+0

我只有一個問題。 是否有可能對xxx使用變量? var xxx; xxx ='something'; 以及如何在這裏使用它 $('input.xxx') – marc 2010-06-13 12:15:01

2

要帶班 「XXX」 選擇所有複選框:

$('.xxx:checkbox').attr('checked','checked'); 

您可以使用.removeAttr('checked')取消選擇它們。

要選擇ID爲「全選」的元素中的所有複選框:

$('#selectall :checkbox').attr('checked','checked'); 
+3

爲什麼'.each()'? – 2010-06-13 12:05:24

+0

@尼克:好點。我在看到您的評論之前已將其刪除。 :) – Guffa 2010-06-13 12:06:59

0

如果這是一個「全選」,你可以做這樣的事情:

$("#selectAll").change(function() { 
    $(".xxx:checkbox").attr('checked', this.checked); 
}); 

You can test a simple demo here時,你檢查它,所有的.xxx複選框都會被檢查,並且當你取消選中時,這個複選框會被取消選中,這通常是你想要在頂部的「Check/Uncheck All」框中選擇的。