Just copy this function.

function InitCheckAll(checkAllSelector, checkboxSelector) {
    $(checkAllSelector).change(function() {
        var e = this;
       
        $(checkboxSelector).each(function() {
            this.checked = e.checked;
        });
    });

    $(checkboxSelector).change(function() {
        if (this.checked == true) {
            var isCheckAll = true;
            $(checkboxSelector).each(function() {
                if(!this.checked) {
                    return isCheckAll = false;
                }
            });
            $(checkAllSelector)[0].checked = isCheckAll;
        } else {
            if ($(checkAllSelector)[0].checked == true) {
                $(checkAllSelector)[0].checked = false;
            }
        }
    });
}

InitCheckAll('#yourMasterCheckBoxID', '.yourChildCheckBoxClass')

Declare the escape function for jquery at first

$.escape = function(str) {
  return str.replace(/[!"#$%&'()*+,.\/:;<=>?@\[\\\]^`{|}~]/g, '\\$&');
};

// the value contain special character
var searchValue = 'your-value*'; 

// this is safe with escape
var list1 = $('[value="' + $.escape(searchValue) + '"]';

// this may error without escape
var list2 = $('[value="' + searchValue + '"]'; 

Declare the escape function at first

RegExp.escape = function(string) {
  return string.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&')
};

var patern = '^^';
var regex = new RegExp(RegExp.escape(patern));
var text = 'Hello^^';
var match = text.match(regex));

Click on links to see spinner on load image.

function changeImg(url) {
    var img = document.getElementById('previewImg');
    var spinner = document.getElementById('spinner');
    // show spinner
    spinner.style.display = '';
    img.style.display = 'none';
    img.onload = function() {
        spinner.style.display = 'none';
        this.style.display = '';
        this.onload = null;
    }
    img.src = url;
}  

Javascript