jquery.toggle-checkbox
A jQuery plugin to replace input checkbox with specific contents like icons.
This package is not under maintenance because it was integrated with jquery.toggle-check.
Requirements
Installation
Using bower is the simplest way.
bower install jquery.toggle-checkbox --save-dev
Usage
Basic Way
in HTML
<input name="checkboxes[]" type="checkbox" class="toggle-checkbox" value="1"> <input name="checkboxes[]" type="checkbox" class="toggle-checkbox" value="2"> <input name="checkboxes[]" type="checkbox" class="toggle-checkbox" value="3" checked>
in JavaScript
$('.toggle-checkbox').toggleCheckbox([ '<span>Open</span>', '<span>Close</span>' ]);
with Callback
$('.toggle-checkbox').toggleCheckbox([ '<i class="fa fa-circle-o"></i>', '<i class="fa fa-check-circle-o"></i>' ], function(e, targetCheckbox){ alert(targetCheckbox.val()); });
Changing checked value by event
$('#all_check_button').on('click', function(){ var checked = $(this).is(':checked'); $('.toggle-checkbox').prop('checked', checked).change(); });
*You need call change().
License
This package is licensed under the MIT License.
Copyright 2015 Sukohi Kuhoh