fmtools/content
1
0
Fork 0
Code Issues 14 Pull Requests Actions Packages Releases Wiki Activity

Fix listeners

Browse Source
This commit is contained in:
Landon Taylor
2025-08-21 17:34:44 -06:00
parent 3e9b8f84b3
commit 1b3dfad81e
1 changed files with 17 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
new-tool.md
View File

@@ -172,14 +172,17 @@ date = ${date}
<!-- <label for="other-applications">Other:</label> -->
<input type="text" id="other-applications" placeholder="Other application">
<script>
document.getElementById('other-applications').addEventListener('input', function() {
const otherValue = this.value.trim();
const checkboxes = Array.from(document.querySelectorAll('#applications-checkboxes input[type="checkbox"]:checked'))
.map(cb => cb.value);
document.getElementById('other-applications').addEventListener('input', updateApplications);
Array.from(document.querySelectorAll('#applications-checkboxes input[type="checkbox"]')).forEach(cb => {
cb.addEventListener('change', updateApplications);
});
function updateApplications() {
const otherValue = document.getElementById('other-applications').value.trim();
const checkboxes = Array.from(document.querySelectorAll('#applications-checkboxes input[type="checkbox"]:checked')).map(cb => cb.value);
const applications = otherValue ? [...checkboxes, otherValue] : checkboxes;
document.getElementById('applications').value = applications.join(', ');
});
</script>
}
</script> </script>
<input type="hidden" id="applications">
</div>
</td>
@@ -343,14 +346,16 @@ function getCheckedApplications() {
<!-- <label for="other-interfaces">Other:</label> -->
<input type="text" id="other-interfaces" placeholder="Other interface(s), separated by commas">
<script>
document.getElementById('other-interfaces').addEventListener('input', function() {
const otherValues = this.value.split(',').map(s => s.trim()).filter(Boolean);
const checkboxes = Array.from(document.querySelectorAll('#interfaces-checkboxes input[type="checkbox"]:checked'))
.map(cb => cb.value);
document.getElementById('other-interfaces').addEventListener('input', updateInterfaces);
Array.from(document.querySelectorAll('#interfaces-checkboxes input[type="checkbox"]')).forEach(cb => {
cb.addEventListener('change', updateInterfaces);
});
function updateInterfaces() {
const otherValues = document.getElementById('other-interfaces').value.split(',').map(s => s.trim()).filter(Boolean);
const checkboxes = Array.from(document.querySelectorAll('#interfaces-checkboxes input[type="checkbox"]:checked')).map(cb => cb.value);
const interfaces = otherValues.length ? [...checkboxes, ...otherValues] : checkboxes;
document.getElementById('interfaces').value = interfaces.join(', ');
});
</script>
} </script>
<input type="hidden" id="interfaces"> </div>
</td>
<script>