Add value & name attributes for checkable (#86)

Padax · Aug 30, 2021 · a41f972 · a41f972
1 parent 7c2dc2c
commit a41f972
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/wc/components/Checkable/Checkable.js b/wc/components/Checkable/Checkable.js
@@ -65,7 +65,9 @@ class Checkable extends WComponent{
       parser: (value, attr) => AttributeParser.parseBoolAttr(
         value, attr.defaultValue
       )
-    }
+    },
+    value: { name: 'value' },
+    name: { name: 'name' }
   };
   static get observedAttributes() {
     return this.getObservedAttributes(this.attributes);
@@ -83,6 +85,8 @@ class Checkable extends WComponent{
     const inputAttrs = {};
     if(this.checked) { inputAttrs.checked = true; }
     if(this.disabled) { inputAttrs.disabled = true; }
+    if(this.value) { inputAttrs.value = this.value; }
+    if(this.name) { inputAttrs.name = this.name; }
     DOM.create('input', { props: inputProps, attrs: inputAttrs }, ctn);
 
     const iconProps = { className: 'icon' };

diff --git a/wc/components/checkable/Checkable.js b/wc/components/checkable/Checkable.js
@@ -65,7 +65,9 @@ class Checkable extends WComponent{
       parser: (value, attr) => AttributeParser.parseBoolAttr(
         value, attr.defaultValue
       )
-    }
+    },
+    value: { name: 'value' },
+    name: { name: 'name' }
   };
   static get observedAttributes() {
     return this.getObservedAttributes(this.attributes);
@@ -83,6 +85,8 @@ class Checkable extends WComponent{
     const inputAttrs = {};
     if(this.checked) { inputAttrs.checked = true; }
     if(this.disabled) { inputAttrs.disabled = true; }
+    if(this.value) { inputAttrs.value = this.value; }
+    if(this.name) { inputAttrs.name = this.name; }
     DOM.create('input', { props: inputProps, attrs: inputAttrs }, ctn);
 
     const iconProps = { className: 'icon' };