Buen dia. Necesito hacer una función que sirva para todos los checkbox de un formulario, esta función debe de crear un input con el id igual al id del checkbox seleccionado y al deseleccionar el checkbox se debe eliminar el input.
tengo la siguiente función pero no me funciona correctamente.
$(function() {
$("input[type='checkbox']").click(function() {
if ($(this).is(':checked') ) {
var y = $("input:checked").attr("id");
var x = document.createElement("INPUT");
x.setAttribute("type", "text");
x.setAttribute("value", "Hello World!");
x.setAttribute("id", y);
document.body.appendChild(x);
y = "";
}else{
console.log('adios');
}
});
});
con esto genero el input y le coloco el id identico al del checkbox pero si selecciono otro checkbox mientras hay otro seleccionado, toma el id del primer checkbox que se selecciono. Espero puedan apoyarme