0

私は次のHTMLを持っています：

<label><input type="checkbox" value="12" name="Cevent[]" /> Yoga</label>
<label><input type="checkbox" value="12" name="Cevent[]" /> Yoga 1</label>
<label><input type="checkbox" value="12" name="Cevent[]" /> Yoga 2</label>
<label><input type="checkbox" value="12" name="Cevent[]" /> Yoga 3</label>
<label><input type="checkbox" id="selectAllEventList" name="selectAllE"> Select All</label>

および次のJquery：

$(document).ready(function (){

   $('#selectAllEventList').click (function () {
          $('input[name=Cevent[]]').each(function(){
          $(this).prop('checked', status);
          });

     });
 });

しかし、構文エラーが発生します：

Error: Syntax error, unrecognized expression: [name=Cevent[]]

間違ったセレクターを書いていると思います。input[name=Cevent[]]配列として送信する必要があるため、Cevent []として書き込む必要があるため、正しく書き込むにはどうすればよいですか。

4

3 に答える 3

2

属性値を引用します。

$('input[name="Cevent[]"]')

アップデート

あなたのコードは、チェックボックスが変更されCevent[]たときにすべてのチェックボックスをオン/オフにすることを意図していると思います。selectAllEその場合、ほとんどのjQueryメソッドは一致したセット内のすべての要素に適用されるため、コードを大幅に短縮できます（使用する必要はありません.each()）。

$(document).ready(function () {
    $('#selectAllEventList').click(function () {
        $('input[name="Cevent[]"]').prop('checked', this.checked);
    });
});​
于 2012-08-10T09:52:44.623 に答える
0

\に使用できますescape [、

ライブデモ

$(document).ready(function (){

   $('#selectAllEventList').click (function () {
          $('input[name*=Cevent\\[]').each(function(){
              if( $('#selectAllEventList').is(':checked'))
                   $(this).prop('checked',true);
              else
                   $(this).prop('checked',false);
          });

     });
 });​
于 2012-08-10T09:52:09.440 に答える
0

これを試してみてください

デモを見る

JS

$('#selectAllEventList').click (function () {
          $('.chkbox').each(function(){
          $(this).prop('checked', true);
          });

     });

HTML

<label><input type="checkbox" class="chkbox" value="12" name="Cevent[]" /> Yoga</label>
<label><input type="checkbox" class="chkbox" value="12" name="Cevent[]" /> Yoga 1</label>
<label><input type="checkbox" class="chkbox" value="12" name="Cevent[]" /> Yoga 2</label>
<label><input type="checkbox" class="chkbox" value="12" name="Cevent[]" /> Yoga 3</label>
<label><input type="checkbox" id="selectAllEventList" name="selectAllE"> Select All</label>
于 2012-08-10T10:02:02.447 に答える