0

Estoy intentando hacer que cuando el cliente oprima el checkbox, este tome el valor de el hidden que esta abajo, algo así como si cada checkbox tuviera un hidden que le corresponde, y lo guarde en la base de datos

Este es mi codigo

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>SoftAOX | Insert Checkbox values in Database using Ajax, Jquery & 
PHP</title>
<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js">
</script>
</head>
<body>
<h3>Insert Checkbox values in Database using Ajax, Jquery in PHP</h3>

<input type="checkbox" id="Apple" class="get_value" value="Apple">
<label>Apple</label><br/>
<input type="hidden" id="Apple" class="get_other_value" value="Two">
<input type="checkbox" class="get_value" value="IBM"><label>IBM</label><br/>
<input type="hidden" class="get_other_value" value="Two">
<input type="checkbox" class="get_value" value="Google">
<label>Google</label><br/>
<input type="hidden" class="get_other_value" value="Three">
<input type="checkbox" class="get_value" value="Microsoft">
<label>Microsoft</label><br/>
<input type="hidden" class="get_other_value" value="Four">
<input type="checkbox" class="get_value" value="Amazon">
<label>Amazon</label><br/>
<input type="hidden" class="get_other_value" value="Five">
<br/>
<input type="submit" name="submit" id="submit">
<br/>
<h4 id="result"></h4>
</body>
</html>

Jquery

<script>
$(document).ready(function(){
$('#submit').click(function(){
var insert = [];
$('.get_value').each(function(){
if($(this).is(":checked"))
{
insert.push($('input[type=hidden]:checked', this).val());
}
});
insert = insert.toString();
$.ajax({
url: "insert1.php",
method: "POST",
data:{insert:insert},
success:function(data){
$('#result').html(data);
}
});
});
});
</script>

PHP

<?php
if(isset($_POST['insert']))
{
$conn= mysqli_connect("localhost", "root","","datos1");
$query= "INSERT INTO BOOKS(name) VALUES('".$_POST["insert"]."') ";
$result = mysqli_query($conn, $query);
echo "Data Inserted Succesfully";
}
?>
6
  • No entiendo muy bien tu pregunta ni tu código, si lo organizas con tabulaciones se leería mucho mejor el 21 nov. 2017 a las 1:46
  • @CamiloVasquez Sí, está un poco raro el código el 21 nov. 2017 a las 1:53
  • Lo que quiero es que cuando oprima un checkbox, este tome el value de el hidden de abajo de ese checkbox. Intente esto pero no funcionó insert.push($('input[type=hidden]:checked', this).val());
    – Marinovsky
    el 21 nov. 2017 a las 3:12
  • Y porque en vez de usar un hidden no usas el mismo checkbox pero le agregas un atributo por ejemplo <input type="checkbox" id="check" value="IBM" data-hidden="Two" /> el 21 nov. 2017 a las 13:03
  • Pero luego como hago para que cuando el usuario haga click en el checkbox este cambie el valor de el checkbox por el de el data-hidden
    – Marinovsky
    el 21 nov. 2017 a las 13:34

2 respuestas 2

0

Prueba esto, agregale un id o un nombre al input[type=hidden]

 var valor = $("input[name='input_hidden']").val();
2
  • Pues ya lo logre hacer, lo que hice fue ponerle un id a cada checkbox, y luego cuando el usuario hiciera click, puse el metodo attr para que me mostrara el id y no el value
    – Marinovsky
    el 21 nov. 2017 a las 14:59
  • Buena, bro, me alegro! el 22 nov. 2017 a las 2:42
0

Es mejor simplemente ponerle un id a el input y luego simplemente con attr haces que te muestre el valor de su id

JQUERY

$(document).ready(function(){
$('#submit').click(function(){
var insert = [];
$('.get_value').each(function(){
if($(this).is(":checked"))
{
insert.push($(this).attr("id"));
}
});
insert = insert.toString();
$.ajax({
url: "insert1.php",
method: "POST",
data:{insert:insert},
success:function(data){
$('#result').html(data);
}
});
});
});

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.