diff --git a/modules/backend/widgets/form/partials/_field_balloon-selector.htm b/modules/backend/widgets/form/partials/_field_balloon-selector.htm
index ffb725d45..608b102fb 100644
--- a/modules/backend/widgets/form/partials/_field_balloon-selector.htm
+++ b/modules/backend/widgets/form/partials/_field_balloon-selector.htm
@@ -13,5 +13,10 @@
         <?php endforeach ?>
     </ul>
 
-    <input type="hidden" name="<?= $field->getName() ?>" value="<?= e($field->value) ?>"/>
-</div>
\ No newline at end of file
+    <input
+        type="hidden"
+        name="<?= $field->getName() ?>"
+        id="<?= $field->getId() ?>"
+        value="<?= e($field->value) ?>"
+        />
+</div>
diff --git a/modules/system/assets/ui/js/checkbox.balloon.js b/modules/system/assets/ui/js/checkbox.balloon.js
index 013802bca..57bd49597 100644
--- a/modules/system/assets/ui/js/checkbox.balloon.js
+++ b/modules/system/assets/ui/js/checkbox.balloon.js
@@ -16,13 +16,17 @@
 
         var self = this;
         $('li', this.$el).click(function(){
-            if (self.$el.hasClass('control-disabled'))
+            if (self.$el.hasClass('control-disabled')) {
                 return
+            }
 
             $('li', self.$el).removeClass('active')
+
             $(this).addClass('active')
-            self.$field.val($(this).data('value'))
-            self.$el.trigger('change')
+
+            self.$field
+                .val($(this).data('value'))
+                .trigger('change')
         })
     }
 
diff --git a/modules/system/assets/ui/storm-min.js b/modules/system/assets/ui/storm-min.js
index 0b7ae2d0e..800d00ce6 100644
--- a/modules/system/assets/ui/storm-min.js
+++ b/modules/system/assets/ui/storm-min.js
@@ -2664,12 +2664,10 @@ $el.prop('checked',false)}
 $el.trigger('change')
 return false})})(jQuery);+function($){"use strict";var BalloonSelector=function(element,options){this.$el=$(element)
 this.$field=$('input',this.$el)
-this.options=options||{};var self=this;$('li',this.$el).click(function(){if(self.$el.hasClass('control-disabled'))
-return
+this.options=options||{};var self=this;$('li',this.$el).click(function(){if(self.$el.hasClass('control-disabled')){return}
 $('li',self.$el).removeClass('active')
 $(this).addClass('active')
-self.$field.val($(this).data('value'))
-self.$el.trigger('change')})}
+self.$field.val($(this).data('value')).trigger('change')})}
 BalloonSelector.DEFAULTS={}
 var old=$.fn.balloonSelector
 $.fn.balloonSelector=function(option){return this.each(function(){var $this=$(this)