Estoy creando un formulario en el que el visitante elige los elementos que desea ver haciendo clic en las casillas de verificación correspondientes. En este momento tengo las direcciones URL de los elementos como el valor de la casilla de verificación y estos aparecen al hacer clic en el botón Solicitar.
Cualquier ayuda sería muy apreciada.
function displayResult() { var se = document.getElementById("myEmailList"), send = document.getElementById("send"), x = document.getElementById("mySelect"), l = [], list = x.querySelectorAll(":checked"); for (i = 0; i < list.length; i++) { l.push(list[i].value); var fn = document.getElementById('item_1').value; document.getElementById('links').value = 'https://example.com'; var fn = document.getElementById('item_2').value; document.getElementById('links').value = 'https://bbc.co.uk'; var fn = document.getElementById('item_3').value; document.getElementById('links').value = 'https://google.com'; var fn = document.getElementById('item_4').value; document.getElementById('links').value = 'https://itv.com'; } send.href = "mailto:" + l.join(", <br>"); se.innerHTML = l.join(", <br>"); } <form> Select items required: <fieldset id="mySelect"> <input type="checkbox" id="item_1" name="item_1" value="item_1"> Item 1 <br> <input type="checkbox" id="item_2" name="item_2" value="item_2"> Item 2 <br> <input type="checkbox" id="item_3" name="item_3" value="item_3"> Item 3 <br> <input type="checkbox" id="item_4" name="item_4" value="item_4"> Item 4 <br> </fieldset> <button type="button" onClick="displayResult()">Request</button> <a id="send" href="mailto:">Send email</a> <div id="myEmailList"> <br><br> <textarea id="links" style="width:300px; "type="text" rows="4"></textarea>Entonces, ¿quieres que el formulario envíe al usuario a los lugares relevantes?
<form>Select your place: <fieldset id="mySelect"> <input type="checkbox" value="https://www.bbc.co.uk"><a href="https://www.bbc.co.uk">Item 1</a> <br> <input type="checkbox" value="https://google.com"><a href="https://www.google.com">Item 2</a> <br> <input type="checkbox" value="email3@domain.com"><a href="mailto: email3@domain.com">Item 3</a> <br> <input type="checkbox" value="email4@domain.com"><a href="mailto: email4@domain.com">Item 4</a> <br> </fieldset> ... </form>