jqueryの問題を使用してすべてのチェックボックスを選択して、現在働いている機能

Question

最初に：指定したIDのチェックボックスをすべて選択するにはどうすればよいですか？

第二：

<a href="javascript://" id="chkbox:all">Click to select all of the checkboxes</a> 

をそして私は、この使用しているスクリプトの先頭に：

私が得た

$(function() { 
$('#chkbox:all').click(function() { 
    alert(1); 
}); 
}); 

そしてalertを自分の画面に表示されません。 - 機能が実行されていないことを意味する - なぜそれが起こったのですか？

Answer 1

2つのこと：そこには、セレクタ:allません、あなたはIDの中でコロンを使用することはできません

1. - ユニークである必要があります
2. IDをそれを取ります。同じIDを持つ要素を2つ以上持つことはできません。

すべてのチェックボックスを見つけるには別の戦略を使用する必要があります。

$('input:checkbox').click(/* ... */); 

またはすべてのチェックボックスにクラスを追加し、次の操作を行います：このような何か

：

$('input.yourclass:checkbox').click(/* ... */); 

リンクをクリックすると、それはすべてのボックスをチェックしたい場合は、これを試してください

// check on all the checks 
$('#all-link-id').click(function(){ 
    $('input.yourclass:checkbox').attr('checked', true); 
}); 

// check off all the checks 
$('#none-link-id').click(function(){ 
    $('input.yourclass:checkbox').removeAttr('checked'); 
}); 

Answer 2

同じIDで2つ以上のチェックボックスを設定しようとすると、IDが一意の識別子であるため、代わりにクラスを使用する必要があります。また

、使用しないでください：jQueryのは、あなたがそれを変更しよう...セレクターを使用したいと思うかもしれませんので、「すべての」あなたの識別子の一部として、あなたのコードは動作するはずです:)