<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<!-- incluir aqui libreria jquery -->
<script>
$( document ).ready(function() { $('.formularios').submit(function(event){ event.preventDefault();
var serializado = $(this).serialize();
var objeto = $(this).serializeArray();
console.log(serializado);
console.log(objeto);
$(this).css("background-color", "#ECF8E0"); });
});
</script>
</head>
<body>
<form action="" method="post" class="formularios" id="listado1">
<input type="hidden" name="oculto1" value="nombre-apellido-1"/>
<div>Nombre 1</div>
<div>Apellido 1</div>
<input type="radio" value="1" name="radio1" id="i1" />
<input type="radio" value="0.25" name="radio1" id="i2" />
<input type="radio" value="0.5" name="radio1" id="i3"/>
<input type="radio" value="0.25" name="radio1" id="i4"/>
<input type="radio" value="0.5" name="radio1" id="i5"/>
<input type="submit" name="Actualizar"/>
</form>
<form action="" method="post" class="formularios" id="listado2">
<input type="hidden" name="oculto2" value="nombre-apellido-2"/>
<div>Nombre 2</div>
<div>Apellido 2</div>
<input type="radio" value="1" name="radio2" id="i1" />
<input type="radio" value="0.25" name="radio2" id="i2" />
<input type="radio" value="0.5" name="radio2" id="i3"/>
<input type="radio" value="0.25" name="radio2" id="i4"/>
<input type="radio" value="0.5" name="radio2" id="i5"/>
<input type="submit" name="Actualizar"/>
</form>
<fieldset id="console-log-div"></fieldset>
<script src="https://rawgit.com/bahmutov/console-log-div/master/console-log-div.js"></script>
</body>
</html>
Comentarios sobre la versión: 1.0 (1)