複選框更改事件不工作在Firefox中jquery

Question

這是我的代碼。此代碼不適用於Mozilla Firefox瀏覽器。

我的HTML

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

腳本

 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); 
       } 
      } 
     }); 

這在谷歌瀏覽器工作正常。但它不適用於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); 
       } 
      } 
     });