Repository navigation
Add ability to fill in checkboxes based on their value #4
Description
Hi,
It would be perfect if Formlet is also able to save checkboxes state based solely on their value. Unfortunately Formlet is not able to select them.
Example Form (http://foundation.zurb.com/develop/download.html#customizeFoundation):
<input type="checkbox" name="scss_components[]" value="foundation/components/grid" checked="checked">
<input type="checkbox" name="scss_components[]" value="foundation/components/block-grid">
I have altered the saved bookmarklet so it is now able to select those checkboxes:
endsWith: function(str, suffix) {
return str.indexOf(suffix, str.length - suffix.length) !== -1;
},
getElement: function(form, name, index, value) {
var element;
if (value && methods.endsWith(name, "[]")) {
element = form.querySelector('input[name="'+name+'"][value="'+value+'"]');
}
else {
element = form[name][index] || form[name];
}
return element;
},
Saved data now look like this:
"elements": [
["input-name[]", null, "input-value", "setChecked", true],
["scss_components[]", null, "foundation\\/components\\/grid", "setChecked", true],
["basic-input", null, null, "setValue", "Hello!"],
]
The code needs some polishing, but it works.
It would be great if you could build an enhancement around it and include it in the future release of Formlet.
Activity
jusuff commentedon Sep 1, 2015
At first glance it looks ok. I will dig into this in few days. Thanks!