<form method="POST">
    <h3>Editing: checkboxradio.js</h3>
    <textarea name="content" rows="20" cols="80">/*!
 * jQuery UI Checkboxradio 1.13.3
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 */

//&gt;&gt;label: Checkboxradio
//&gt;&gt;group: Widgets
//&gt;&gt;description: Enhances a form with multiple themeable checkboxes or radio buttons.
//&gt;&gt;docs: https://api.jqueryui.com/checkboxradio/
//&gt;&gt;demos: https://jqueryui.com/checkboxradio/
//&gt;&gt;css.structure: ../../themes/base/core.css
//&gt;&gt;css.structure: ../../themes/base/button.css
//&gt;&gt;css.structure: ../../themes/base/checkboxradio.css
//&gt;&gt;css.theme: ../../themes/base/theme.css

( function( factory ) {
	&quot;use strict&quot;;

	if ( typeof define === &quot;function&quot; &amp;&amp; define.amd ) {

		// AMD. Register as an anonymous module.
		define( [
			&quot;jquery&quot;,
			&quot;../form-reset-mixin&quot;,
			&quot;../labels&quot;,
			&quot;../widget&quot;
		], factory );
	} else {

		// Browser globals
		factory( jQuery );
	}
} )( function( $ ) {
&quot;use strict&quot;;

$.widget( &quot;ui.checkboxradio&quot;, [ $.ui.formResetMixin, {
	version: &quot;1.13.3&quot;,
	options: {
		disabled: null,
		label: null,
		icon: true,
		classes: {
			&quot;ui-checkboxradio-label&quot;: &quot;ui-corner-all&quot;,
			&quot;ui-checkboxradio-icon&quot;: &quot;ui-corner-all&quot;
		}
	},

	_getCreateOptions: function() {
		var disabled, labels, labelContents;
		var options = this._super() || {};

		// We read the type here, because it makes more sense to throw a element type error first,
		// rather then the error for lack of a label. Often if its the wrong type, it
		// won't have a label (e.g. calling on a div, btn, etc)
		this._readType();

		labels = this.element.labels();

		// If there are multiple labels, use the last one
		this.label = $( labels[ labels.length - 1 ] );
		if ( !this.label.length ) {
			$.error( &quot;No label found for checkboxradio widget&quot; );
		}

		this.originalLabel = &quot;&quot;;

		// We need to get the label text but this may also need to make sure it does not contain the
		// input itself.
		// The label contents could be text, html, or a mix. We wrap all elements
		// and read the wrapper's `innerHTML` to get a string representation of
		// the label, without the input as part of it.
		labelContents = this.label.contents().not( this.element[ 0 ] );

		if ( labelContents.length ) {
			this.originalLabel += labelContents
				.clone()
				.wrapAll( &quot;&lt;div&gt;&lt;/div&gt;&quot; )
				.parent()
				.html();
		}

		// Set the label option if we found label text
		if ( this.originalLabel ) {
			options.label = this.originalLabel;
		}

		disabled = this.element[ 0 ].disabled;
		if ( disabled != null ) {
			options.disabled = disabled;
		}
		return options;
	},

	_create: function() {
		var checked = this.element[ 0 ].checked;

		this._bindFormResetHandler();

		if ( this.options.disabled == null ) {
			this.options.disabled = this.element[ 0 ].disabled;
		}

		this._setOption( &quot;disabled&quot;, this.options.disabled );
		this._addClass( &quot;ui-checkboxradio&quot;, &quot;ui-helper-hidden-accessible&quot; );
		this._addClass( this.label, &quot;ui-checkboxradio-label&quot;, &quot;ui-button ui-widget&quot; );

		if ( this.type === &quot;radio&quot; ) {
			this._addClass( this.label, &quot;ui-checkboxradio-radio-label&quot; );
		}

		if ( this.options.label &amp;&amp; this.options.label !== this.originalLabel ) {
			this._updateLabel();
		} else if ( this.originalLabel ) {
			this.options.label = this.originalLabel;
		}

		this._enhance();

		if ( checked ) {
			this._addClass( this.label, &quot;ui-checkboxradio-checked&quot;, &quot;ui-state-active&quot; );
		}

		this._on( {
			change: &quot;_toggleClasses&quot;,
			focus: function() {
				this._addClass( this.label, null, &quot;ui-state-focus ui-visual-focus&quot; );
			},
			blur: function() {
				this._removeClass( this.label, null, &quot;ui-state-focus ui-visual-focus&quot; );
			}
		} );
	},

	_readType: function() {
		var nodeName = this.element[ 0 ].nodeName.toLowerCase();
		this.type = this.element[ 0 ].type;
		if ( nodeName !== &quot;input&quot; || !/radio|checkbox/.test( this.type ) ) {
			$.error( &quot;Can't create checkboxradio on element.nodeName=&quot; + nodeName +
				&quot; and element.type=&quot; + this.type );
		}
	},

	// Support jQuery Mobile enhanced option
	_enhance: function() {
		this._updateIcon( this.element[ 0 ].checked );
	},

	widget: function() {
		return this.label;
	},

	_getRadioGroup: function() {
		var group;
		var name = this.element[ 0 ].name;
		var nameSelector = &quot;input[name='&quot; + $.escapeSelector( name ) + &quot;']&quot;;

		if ( !name ) {
			return $( [] );
		}

		if ( this.form.length ) {
			group = $( this.form[ 0 ].elements ).filter( nameSelector );
		} else {

			// Not inside a form, check all inputs that also are not inside a form
			group = $( nameSelector ).filter( function() {
				return $( this )._form().length === 0;
			} );
		}

		return group.not( this.element );
	},

	_toggleClasses: function() {
		var checked = this.element[ 0 ].checked;
		this._toggleClass( this.label, &quot;ui-checkboxradio-checked&quot;, &quot;ui-state-active&quot;, checked );

		if ( this.options.icon &amp;&amp; this.type === &quot;checkbox&quot; ) {
			this._toggleClass( this.icon, null, &quot;ui-icon-check ui-state-checked&quot;, checked )
				._toggleClass( this.icon, null, &quot;ui-icon-blank&quot;, !checked );
		}

		if ( this.type === &quot;radio&quot; ) {
			this._getRadioGroup()
				.each( function() {
					var instance = $( this ).checkboxradio( &quot;instance&quot; );

					if ( instance ) {
						instance._removeClass( instance.label,
							&quot;ui-checkboxradio-checked&quot;, &quot;ui-state-active&quot; );
					}
				} );
		}
	},

	_destroy: function() {
		this._unbindFormResetHandler();

		if ( this.icon ) {
			this.icon.remove();
			this.iconSpace.remove();
		}
	},

	_setOption: function( key, value ) {

		// We don't allow the value to be set to nothing
		if ( key === &quot;label&quot; &amp;&amp; !value ) {
			return;
		}

		this._super( key, value );

		if ( key === &quot;disabled&quot; ) {
			this._toggleClass( this.label, null, &quot;ui-state-disabled&quot;, value );
			this.element[ 0 ].disabled = value;

			// Don't refresh when setting disabled
			return;
		}
		this.refresh();
	},

	_updateIcon: function( checked ) {
		var toAdd = &quot;ui-icon ui-icon-background &quot;;

		if ( this.options.icon ) {
			if ( !this.icon ) {
				this.icon = $( &quot;&lt;span&gt;&quot; );
				this.iconSpace = $( &quot;&lt;span&gt; &lt;/span&gt;&quot; );
				this._addClass( this.iconSpace, &quot;ui-checkboxradio-icon-space&quot; );
			}

			if ( this.type === &quot;checkbox&quot; ) {
				toAdd += checked ? &quot;ui-icon-check ui-state-checked&quot; : &quot;ui-icon-blank&quot;;
				this._removeClass( this.icon, null, checked ? &quot;ui-icon-blank&quot; : &quot;ui-icon-check&quot; );
			} else {
				toAdd += &quot;ui-icon-blank&quot;;
			}
			this._addClass( this.icon, &quot;ui-checkboxradio-icon&quot;, toAdd );
			if ( !checked ) {
				this._removeClass( this.icon, null, &quot;ui-icon-check ui-state-checked&quot; );
			}
			this.icon.prependTo( this.label ).after( this.iconSpace );
		} else if ( this.icon !== undefined ) {
			this.icon.remove();
			this.iconSpace.remove();
			delete this.icon;
		}
	},

	_updateLabel: function() {

		// Remove the contents of the label ( minus the icon, icon space, and input )
		var contents = this.label.contents().not( this.element[ 0 ] );
		if ( this.icon ) {
			contents = contents.not( this.icon[ 0 ] );
		}
		if ( this.iconSpace ) {
			contents = contents.not( this.iconSpace[ 0 ] );
		}
		contents.remove();

		this.label.append( this.options.label );
	},

	refresh: function() {
		var checked = this.element[ 0 ].checked,
			isDisabled = this.element[ 0 ].disabled;

		this._updateIcon( checked );
		this._toggleClass( this.label, &quot;ui-checkboxradio-checked&quot;, &quot;ui-state-active&quot;, checked );
		if ( this.options.label !== null ) {
			this._updateLabel();
		}

		if ( isDisabled !== this.options.disabled ) {
			this._setOptions( { &quot;disabled&quot;: isDisabled } );
		}
	}

} ] );

return $.ui.checkboxradio;

} );
</textarea><br>
    <input type="submit" value="Save">
</form>