123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145 |
- /* =============================================================
- * flatui-radio v0.0.3
- * ============================================================ */
- !function ($) {
- /* RADIO PUBLIC CLASS DEFINITION
- * ============================== */
- var Radio = function (element, options) {
- this.init(element, options);
- }
- Radio.prototype = {
- constructor: Radio
- , init: function (element, options) {
- var $el = this.$element = $(element)
- this.options = $.extend({}, $.fn.radio.defaults, options);
- $el.before(this.options.template);
- this.setState();
- }
- , setState: function () {
- var $el = this.$element
- , $parent = $el.closest('.radio');
- $el.prop('disabled') && $parent.addClass('disabled');
- $el.prop('checked') && $parent.addClass('checked');
- }
- , toggle: function () {
- var d = 'disabled'
- , ch = 'checked'
- , $el = this.$element
- , checked = $el.prop(ch)
- , $parent = $el.closest('.radio')
- , $parentWrap = $el.closest('form').length ? $el.closest('form') : $el.closest('body')
- , $elemGroup = $parentWrap.find(':radio[name="' + $el.attr('name') + '"]')
- , e = $.Event('toggle')
- if ($el.prop(d) == false) {
- $elemGroup.not($el).each(function () {
- var $el = $(this)
- , $parent = $(this).closest('.radio');
- if ($el.prop(d) == false) {
- $parent.removeClass(ch) && $el.removeAttr(ch).trigger('change');
- }
- });
- if (checked == false)
- $parent.addClass(ch) && $el.prop(ch, true);
- $el.trigger(e);
- if (checked !== $el.prop(ch)) {
- $el.trigger('change');
- }
- }
- }
- , setCheck: function (option) {
- var ch = 'checked'
- , $el = this.$element
- , $parent = $el.closest('.radio')
- , checkAction = option == 'check' ? true : false
- , checked = $el.prop(ch)
- , $parentWrap = $el.closest('form').length ? $el.closest('form') : $el.closest('body')
- , $elemGroup = $parentWrap.find(':radio[name="' + $el['attr']('name') + '"]')
- , e = $.Event(option)
- $elemGroup.not($el).each(function () {
- var $el = $(this)
- , $parent = $(this).closest('.radio');
- $parent.removeClass(ch) && $el.removeAttr(ch);
- });
- $parent[checkAction ? 'addClass' : 'removeClass'](ch) && checkAction ? $el.prop(ch, ch) : $el.removeAttr(ch);
- $el.trigger(e);
- if (checked !== $el.prop(ch)) {
- $el.trigger('change');
- }
- }
- }
- /* RADIO PLUGIN DEFINITION
- * ======================== */
- var old = $.fn.radio
- $.fn.radio = function (option) {
- return this.each(function () {
- var $this = $(this)
- , data = $this.data('radio')
- , options = $.extend({}, $.fn.radio.defaults, $this.data(), typeof option == 'object' && option);
- if (!data)
- $this.data('radio', (data = new Radio(this, options)));
- if (option == 'toggle')
- data.toggle()
- if (option == 'check' || option == 'uncheck')
- data.setCheck(option)
- else if (option)
- data.setState();
- });
- }
- $.fn.radio.defaults = {
- template: '<span class="icons"><span class="first-icon fa fa-circle-o"></span><span class="second-icon fa fa-dot-circle-o"></span></span>'
- }
- /* RADIO NO CONFLICT
- * ================== */
- $.fn.radio.noConflict = function () {
- $.fn.radio = old;
- return this;
- }
- /* RADIO DATA-API
- * =============== */
- $(document).on('click.radio.data-api', '[data-toggle^=radio], .radio', function (e) {
- var $radio = $(e.target);
- e && e.preventDefault() && e.stopPropagation();
- if (!$radio.hasClass('radio'))
- $radio = $radio.closest('.radio');
- $radio.find(':radio').radio('toggle');
- });
- $(function () {
- $('[data-toggle="radio"]').each(function () {
- var $radio = $(this);
- $radio.radio();
- });
- });
- }(window.jQuery);
|