проблема с совместимостью jquery с проверкой всех флажков

У меня есть функция js с использованием jquery, которая отлично работает с 1.8.3.js, но когда я обновляюсь до 1.9.1.js, она завершает работу. Я действительно ничего не знаю о jquery на данный момент (он находится в списке вещей для изучения, скоро придет), поэтому я действительно не могу сказать, глядя на него, где может возникнуть проблема. Вот код:проблема с совместимостью jquery с проверкой всех флажков

<script type="text/javascript"> 
    var allCheckBoxSelector = '#<%=GridView1.ClientID%> 
     input[id*="chkAll"]:checkbox'; 
    var checkBoxSelector = '#<%=GridView1.ClientID%> 
     input[id*="chkSelected"]:checkbox'; 

    function ToggleCheckUncheckAllOptionAsNeeded() 
    { 
    var totalCheckboxes = $(checkBoxSelector), 
      checkedCheckboxes = totalCheckboxes.filter(":checked"), 
      noCheckboxesAreChecked = (checkedCheckboxes.length === 0), 
      allCheckboxesAreChecked = (totalCheckboxes.length === 
      checkedCheckboxes.length); 

    $(allCheckBoxSelector).prop('checked', allCheckboxesAreChecked); 
    } 

    $(document).ready(function() 
    { 
     $(allCheckBoxSelector).live('click', function() 
     { 
     $(checkBoxSelector).prop('checked', $(this).is(':checked')); 

     ToggleCheckUncheckAllOptionAsNeeded(); 
     }); 

     $(checkBoxSelector).live('click', ToggleCheckUncheckAllOptionAsNeeded); 

     ToggleCheckUncheckAllOptionAsNeeded(); 
    }); 
</script>

Любые предложения по устранению проблемы? Опять же, при ссылке на 1.8.3.js, он отлично работает, но при использовании 1.9.1.js проверка флажка «проверить все» не имеет никакого эффекта.

источник

2013-02-22 Ben

.live() функция был устаревшим в JQuery 1.7, а затем, наконец, полностью удален в JQuery 1.9. Ваш код больше не работает, потому что вы пытаетесь вызвать функцию, которая больше не существует. Вместо .live() используйте делегированный синтаксис события для .on(). Так это изменить:

$(allCheckBoxSelector).live('click', function() { 
    $(checkBoxSelector).attr('checked', $(this).is(':checked')); 
    ToggleCheckUncheckAllOptionAsNeeded(); 
}); 

$(checkBoxSelector).live('click', ToggleCheckUncheckAllOptionAsNeeded);

к этому:

$(document).on('click', allCheckBoxSelector, function() { 
    $(checkBoxSelector).prop('checked', $(this).is(':checked')); 
    ToggleCheckUncheckAllOptionAsNeeded(); 
}); 

$(document).on('click', checkBoxSelector, ToggleCheckUncheckAllOptionAsNeeded);

Для получения дополнительной информации о преобразовании .live() в .on() см API doc for .live().

источник

2013-02-22 15:41:22

Я только что нашел это в другом месте. Когда я был googling, очевидно, я использовал неправильные ключевые слова и не мог найти его (так же, как когда я делал это сообщение.) После того, как сообщение было завершено, я увидел связанный пост, который ссылался на него, расположенный здесь: http: // stackoverflow. com/questions/14483514/asp-net-webforms-check-all-checkboxes-in-a-gridview-using-jquery-v1-9-0-doesn? rq = 1 Спасибо за быстрый ответ, я буду отметьте как ответ через 6 минут, когда смогу. :) – Ben

Используйте .prop вместо .attr для флажков.

$(checkBoxSelector).prop('checked', $(this).is(':checked'));

источник

2013-02-22 15:37:53

Я сделал это изменение, но это не имело никакого эффекта. – Ben

.live был удален в 1,9

попытки замены:

$(checkBoxSelector).live('click', ToggleCheckUncheckAllOptionAsNeeded);

$(document).on('click',checkBoxSelector, ToggleCheckUncheckAllOptionAsNeeded);

источник

2013-02-22 15:42:05 jbl

проблема с совместимостью jquery с проверкой всех флажков

ответ

Смежные вопросы