79 lines
2.3 KiB
JavaScript
79 lines
2.3 KiB
JavaScript
function chooseCheckbox(el) {
|
|
if (!el) return;
|
|
|
|
let $parent = el.closest('.field_container');
|
|
let $checkbox = $parent.querySelector('.checkbox')
|
|
|
|
$checkbox.classList.toggle("checked");
|
|
}
|
|
|
|
function getFormData(form) {
|
|
if (!form) return;
|
|
let formData = new FormData();
|
|
let default_element_types = ['input', 'textarea', 'date'];
|
|
|
|
let form_elements = getFormElements(form);
|
|
if (!form_elements) return;
|
|
|
|
for (let el of form_elements) {
|
|
let $parent = el.closest('.field_container');
|
|
let field_type = ''
|
|
if ($parent) field_type = $parent.dataset.type;
|
|
let name = $parent ? $parent.dataset.name : '';
|
|
if (!name) name = el.name
|
|
if (!name) name = el.dataset.name;
|
|
let value = el.querySelector('input')? el.querySelector('input').value : ''
|
|
if (!value && el.querySelector('textarea')) value = el.querySelector('textarea').value;
|
|
|
|
if (field_type) {
|
|
if (default_element_types.indexOf(field_type) > -1) {
|
|
formData.append(name, value);
|
|
} else if ($parent && !($parent.dataset.type in default_element_types)) {
|
|
formData = addCustomDataToFormData($parent, formData)
|
|
}
|
|
} else {
|
|
formData.append(name, value);
|
|
}
|
|
}
|
|
|
|
return formData;
|
|
}
|
|
|
|
function getFormElements(form) {
|
|
let form_elements = form.querySelectorAll('.field_container');
|
|
|
|
return form_elements;
|
|
}
|
|
|
|
function addCustomDataToFormData(el, formData) {
|
|
let name = el.dataset.name;
|
|
switch (el.dataset.type) {
|
|
case 'checkbox':
|
|
let $checkbox = el.querySelector('.checkbox');
|
|
let c_value = $checkbox.classList.contains('checked');
|
|
|
|
formData.append(name, c_value);
|
|
break;
|
|
|
|
case 'radio':
|
|
let $radio = el.querySelector('.radio.checked');
|
|
if (!$radio){
|
|
formData.append(name, '');
|
|
break;
|
|
}
|
|
|
|
let r_value = $radio.closest(".cw_w_radio_inputs_radio_input").dataset.name;
|
|
|
|
formData.append(name, r_value);
|
|
break;
|
|
|
|
case 'location':
|
|
let $location = el.querySelector('input');
|
|
let l_value = $location.dataset.id;
|
|
|
|
formData.append(name, l_value);
|
|
break;
|
|
|
|
}
|
|
return formData;
|
|
} |