jquery, выбрав часть идентификатора

Question

У меня есть несколько флажков, которые я хотел бы использовать для выбора «Выбрать все». Id или имя для этих флажков является «Chk1», «Chk2», chk3 ..... и идентификатор для флажка селектор «SelectAll»

$(document).ready(function() { 
     $('#SelectAll').click(function() { 
      $('input[name^="chk"]').attr("checked", this.checked); 
     }) 
    }) 

код отлично работает в первый раз, я выбираю и отменить выбор, но не работает после последующих кликов. Справка по PLS.

Answer 1

$(document).ready(function() { 
    $('#SelectAll').on('change', function() { 
     $('input[name^="chk"]').prop("checked", this.checked); 
    }); 
}); 

FIDDLE