Estoy guardando un formulario en una tabla usuarios, el los inputs se me guardan de forma correcta pero me di cuenta que los radio buttons no se están guardando
Este es mi formulario
y este es el error que capturé
Este es el código que uso en el
formulario.php
<head>
<script>
$(document).ready(function(){
$("#Guardartodo").click(function(){
var parametros={
"user":$("#user").val(),
"password":$("#password").val(),
"nombre":$("#nombre").val(),
"apellido":$("#apellido").val(),
"rut":$("#rut").val(),
"idperfil":$("#idperfil").val(),
"pepe":$("#pepe").val(),
"estado":$("#estado").val(),
"permisos":$("#permisos").val(),
"permisos2":$("#permisos2").val(),
"permisos3":$("#permisos3").val(),
"opcion":"Guardartodo"
}
$("#Guardar2").click(function(){
var parametros={
"rut":$("#rut").val(),
"curso":$("#curso").val(),
"opcion":"Guardar2"
}
$.ajax({
data: parametros,
url: "opcion.php",
type: "POST",
success: function(response) {
$("#resultado").html(response);
}
});
});
$("#Buscar2").click(function(){
var parametros={
"tipo_atra":$("#atra").val(),
"opcion":"Buscar2"
}
$.ajax({
data: parametros,
url: "opcion.php",
type: "POST",
success: function(response) {
$("#tabla").html(response);
}
});
});
$.ajax({
data: parametros,
url: "opcion.php",
type: "POST",
success: function(response) {
$("#resultado").html(response);
}
});
});
});
</head>
<body>
<div class="form-group form-float">
<div class="form-line">
<form id="wizard_with_validation" name="wizard_with_validation" method="post" action="">
<input type="text" id="nombre" name="nombre" class="form-control" required>
<label class="form-label">Nombre*</label>
</div>
</div>
<div class="form-group form-float">
<div class="form-line">
<input type="text" id="apellido" name="apellido" class="form-control" required>
<label class="form-label">Apellido*</label>
</div>
</div>
<div class="form-group form-float">
<div class="form-line">
<input type="text" id="rut" name="rut" placeholder="Ingrese su RUN" class="form-control" type="text" maxlength="12"/>
<label class="form-label"></label>
</div>
</div>
<p>Perfil</p>
<input type="radio" id="idperfil1" name="idperfil" class="radio-col-red" value="1" onclick="pepe.value='Administrador'; pepe.disabled=true" checked />
<label for="idperfil1">Administrador</label>
<input type="radio" id="idperfil2"name="idperfil" class="radio-col-indigo" value="2" onclick="pepe.value='Profesor'; pepe.disabled=true" />
<label for="idperfil2">Profesor</label>
<input type="radio" id="idperfil3" name="idperfil" class="radio-col-green" value="3" onclick="pepe.value='Administrativo'; pepe.disabled=true" />
<label for="idperfil3">Administrativo</label>
<input type="radio" id="idperfil4" name="idperfil" class="radio-col-deep-purple" value="4" onclick="pepe.value='Apoderado'; pepe.disabled=true" />
<label for="idperfil4">Apoderado</label>
<input type="hidden" id="pepe" name="pepe" class="form-control" />
<script src="js/jquery.rut.js"></script>
<div class="form-group form-float">
<div class="form-line">
<p>Estado*</p>
<input id="estado1" name="estado" type="radio" class="radio-col-red" value="Activo" checked />
<label for="estado1">Activo</label>
<input id="estado2" name="estado" type="radio" class="radio-col-indigo" value="Inactivo" />
<label for="estado2">Inactivo</label>
</div>
</div>
<div class="demo-checkbox">
<h3>Notas</h3>
<input type="checkbox" id="permisos31" name="permisos3" value="1" class="chk-col-green" />
<label for="permisos31">Ver</label>
<input type="checkbox" id="permisos32" name="permisos3" value="2" class="chk-col-orange" />
<label for="permisos32">Modificar</label>
<input type="checkbox" id="permisos33" name="permisos3" value="3" class="chk-col-red" />
<label for="permisos33">Eliminar</label>
</div>
</table>
</form><br>
<input type="button" id="Guardartodo" name="Guardartodo" value="Guardar todo" class="btn btn-primary" />
<br>
<h1><div id="resultado" class="alert alert-success alert-dismissable"> <button type="button" class="close" data-dismiss="alert">×</button></h1>
<input type="button" id="Guardartodo" name="Guardartodo" value="Enviar">
Y las recibo en
opcion.php
<?php
include_once "clase_comuna.php";
$objeto= new persona;
$opcion=$_POST["opcion"];
if ($opcion=="Guardartodo")
{
$user=$_POST["user"];
$password=$_POST["password"];
$nombre=$_POST["nombre"];
$apellido=$_POST["apellido"];
$rut=$_POST["rut"];
$idperfil=$_POST["idperfil"];
$pepe=$_POST["pepe"];
$estado=$_POST["estado"];
$objeto->Guardartodo($user,$password,$nombre,$apellido,$rut,$idperfil,$pepe,$estado);
echo "Se ha guardado!!!";
echo $idperfil;
echo $estado;
echo $rut;
}
?>
y utiliza por ultimo
clase_comuna.php
<?php
include_once("conexion2.php");
class persona extends Conexion{
var $user;
var $password;
var $nombre;
var $apellido;
var $rut;
var $idperfil;
var $pepe;
var $estado;
var $permisos;
var $permisos2;
var $permisos3;
function log()
{
$this->Conexion();
}
function Guardartodo($user,$password,$nombre,$apellido,$rut,$idperfil,$pepe,$estado)
{
$sql="INSERT INTO usuarios(id_perfil,user,password,nombre_user,apellido_user,rut_user,cargo_usuario,estado) VALUES ('$idperfil', '$user', '$password', '$nombre', '$apellido', '$rut', '$pepe', '$estado')";
$resultado=mysqli_query($this->conexion,$sql);
}
?>
idperfil
ni nada que se llameestado
. ¿Puedes adicionar el código jQuery/Ajax a la pregunta, o la forma en que haces el POST...?id="Guardartodo"
eso no puede ser, el id debe ser distinto, si no jQuery se confunde y podría darte problemas. Verifica que cada id sea distinto en cada elemento y si sigue fallando comenta.