Skip to content

Instantly share code, notes, and snippets.

@Frodigo

Frodigo/index.html

Forked from anonymous/index.html
Created October 6, 2015 19:53
Show Gist options
  • Save Frodigo/5d49cbc988a825d41cb5 to your computer and use it in GitHub Desktop.
Save Frodigo/5d49cbc988a825d41cb5 to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source http://jsbin.com/qigube
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div class="input-wrap">
<label><input type="checkbox" data-check="all">all</label>
<label><input type="checkbox">1</label>
<label><input type="checkbox">2</label>
<label><input type="checkbox">3</label>
<label><input type="checkbox">4</label>
<label><input type="checkbox">5</label>
</div>
<script id="jsbin-javascript">
(function($) {
var checkAll = function() {
var allInputs = $('.input-wrap :checkbox').not('[data-check=all]').length;
$(':checkbox').not('[data-check=all]').change(function() {
var checkedInputs = $(':checked').not('[data-check=all]').length;
if(checkedInputs === allInputs) {
$('[data-check=all]').prop('checked', true);
} else {
$('[data-check=all]').prop('checked', false);
}
});
$('[data-check=all]').change(function() {
var allChecked = this.checked;
$(':checkbox').not('[data-check=all]').each(function() {
if(allChecked === true) {
this.checked = true;
} else {
this.checked = false;
}
});
});
};
$(document).ready(function() {
checkAll();
});
})(jQuery);
</script>
<script id="jsbin-source-javascript" type="text/javascript">(function($) {
var checkAll = function() {
var allInputs = $('.input-wrap :checkbox').not('[data-check=all]').length;
$(':checkbox').not('[data-check=all]').change(function() {
var checkedInputs = $(':checked').not('[data-check=all]').length;
if(checkedInputs === allInputs) {
$('[data-check=all]').prop('checked', true);
} else {
$('[data-check=all]').prop('checked', false);
}
});
$('[data-check=all]').change(function() {
var allChecked = this.checked;
$(':checkbox').not('[data-check=all]').each(function() {
if(allChecked === true) {
this.checked = true;
} else {
this.checked = false;
}
});
});
};
$(document).ready(function() {
checkAll();
});
})(jQuery);</script></body>
</html>
Raw
jsbin.qigube.js
(function($) {
var checkAll = function() {
var allInputs = $('.input-wrap :checkbox').not('[data-check=all]').length;
$(':checkbox').not('[data-check=all]').change(function() {
var checkedInputs = $(':checked').not('[data-check=all]').length;
if(checkedInputs === allInputs) {
$('[data-check=all]').prop('checked', true);
} else {
$('[data-check=all]').prop('checked', false);
}
});
$('[data-check=all]').change(function() {
var allChecked = this.checked;
$(':checkbox').not('[data-check=all]').each(function() {
if(allChecked === true) {
this.checked = true;
} else {
this.checked = false;
}
});
});
};
$(document).ready(function() {
checkAll();
});
})(jQuery);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment