feat: improved handling of checkbox and radio

Author: frankpagan

src/getValue.js

@@ -22,7 +22,7 @@ const getValue = (element) => {
 
 	if (element.type === "checkbox") {
 		let el_name = element.getAttribute('name');
-		let checkboxs = document.querySelectorAll(`input[type=checkbox][name='${el_name}']`);
+		let checkboxs = document.querySelectorAll(`input[type='checkbox'][name='${el_name}']`);
 		if (checkboxs.length > 1) {
 			value = [];
 			checkboxs.forEach(el => {
@@ -34,7 +34,10 @@ const getValue = (element) => {
 			if (el.checked) 
 				value = el.value
 		}
-	} 
+	} else if (element.type === 'radio') {
+		let name = element.getAttribute('name');
+		value = document.querySelector(`input[name="${name}"]:checked`).value
+	}
 	else if (element.type === "number") {
 		value = Number(value);
 	}

src/setValue.js

@@ -26,11 +26,13 @@ const setValue = (el, value) => {
 		if (isCrdt == "true" || el.type === 'file') return;
 
 		if (el.type == 'checkbox') {
-			if (value.includes(el.value)) {
-				el.checked = true;
-			}
-			else {
-				el.checked = false;
+			let name = el.getAttribute('name');
+			let inputs = document.querySelectorAll(`input[type="${el.type}"][name="${name}"]`);
+			for (let i = 0; i < inputs.length; i++) {
+				if (value.includes(inputs[i].value))
+					inputs[i].checked = true;
+				else
+					inputs[i].checked = false;
 			}
 		}
 		else if (el.type === 'radio') {