Событие смены флажка не работает в firefox jquery

Question

Вот мой код. Этот код не работает в браузере Mozilla Firefox.

Мои Html

<input class="staff_check" name="select_staff" type="checkbox" value="@Model.Caregivers[i].AgencyUserID" /> 

Script

 var selected_staff = []; 
     var selected_staff_names = []; 
     $('input[name="select_staff"').change(function() { 
      console.log('ds'); 
      if (this.checked) { 
       selected_staff.push($(this).val()); 
       selected_staff_names.push('<span class="selected_staff">' + $(this).parent('label').text().trim() + '</span>'); 
      } 
      else { 
       var idx = $.inArray($(this).val(), selected_staff); 
       if (idx > -1) { 
        selected_staff.splice(idx, 1); 
        selected_staff_names.splice(idx, 1); 
       } 
      } 
     }); 

Это прекрасно работает в Google Chrome. Но он не работает в Mozilla Firefox.

Answer 1

вы пропустили закрывающая квадратная скобка ']', изменение:

... 
$('input[name="select_staff"').change(function() { 
.... 

в

... 
$('input[name="select_staff"]').change(function() { 
... 

Answer 2

Вместо change() функции, попробуйте click():

var selected_staff = []; 
     var selected_staff_names = []; 
     $('input[name="select_staff"]').click(function() { 
      console.log('ds'); 
      if (this.checked) { 
       selected_staff.push($(this).val()); 
       selected_staff_names.push('<span class="selected_staff">' + $(this).parent('label').text().trim() + '</span>'); 
      } 
      else { 
       var idx = $.inArray($(this).val(), selected_staff); 
       if (idx > -1) { 
        selected_staff.splice(idx, 1); 
        selected_staff_names.splice(idx, 1); 
       } 
      } 
     });