capturar y remover valores

[stevens82]

Hola amigos de forosdelweb, estoy haciendo un pequeño script que captura los valores de unos inputs mediante jquery, el caso es el siguiente los cuadros al dar click que colorean y capturan su valor y al dar nuevamente click sobre dicho cuadro se descolorea, pero no me elimina el valor capturado, ya que luego lo enviare a un BD con php que ya es otro tema, el asunto era como elimnar ese valor capturado este es mi codigo

Código HTML:

<div class="contenedor">
            <?php for ($i = 1;$i<=16; $i++ ) { ?>
            <div class="diente"><!--diente 1-->
                <input name="diente1" type="hidden" value="<?php echo  $i; ?>">
 
                <div class="cuadro centro">
                    <input name="cuadro" type="hidden" value="<?php echo  "centro_" . $i; ?>">
                </div>
 
                <div class="cuadro izquierda">
                    <input name="cuadro" type="hidden" value="<?php echo  "izquierda_" . $i; ?>">
                </div>
 
                <div class="cuadro derecha">
                    <input name="cuadro" type="hidden" value="<?php echo  "derecha_" . $i; ?>">
                </div>
                <div class="cuadro arriba">
                    <input name="cuadro" type="hidden" value="<?php echo  "arriba_" . $i; ?>">
                </div>
                <div class="cuadro abajo">
                    <input name="cuadro" type="hidden" value="<?php echo  "abajo_" . $i; ?>">
                </div>
                <div class="numero"><?php echo $i; ?></div>
            </div>
 
            <?php } ?>
            
        </div>
        <div class="respuesta"></div>
 

el div respuesta lo hice a modo de prueba, eso se eliminará luego.

Código Javascript:

$(".cuadro").click(function(){
 
        var cuadro = $(this).find("input[name=cuadro]:hidden").val();
        $(this).toggleClass("num4");
        $(".respuesta").append(cuadro + "<br>");
 
    });
 

Espero alguien me pueda ayudar Gracias de antemano!!..

[PHPeros]

¿A qué te refieres con "eliminar"? ¿Quitar el valor?

Código Javascript:

$(this).find("input[name=cuadro]:hidden").val("")
 

[stevens82]

Gracias por responder, mira tengo unos cuadritos (exactamento 80) cuando se le da click a un cuadrito este se pinta de un color, así sucede con todos y tambien te captura su valor (son input tipo hidden), supongamos me equivoque de cuadro le doy click para que se despinte, hasta ahí todo bien pero quiero que el valor se deseleccione ya que cuando le doy click para descoloriarlo aparece nuevamente el mismo valor (osea repite cada vez que se le da clcik al mismo cuadro) nose si me deje entender.

intente hacer algo así pero no me funciona :(

Código Javascript:

var contador = 1;
    $(".cuadro").on('click', function(){
 
        var cuadro = $(this).find("input[name=cuadro]:hidden").val();
 
        if(contador == 1) {
            $(this).addClass("num4");
            var res = $(".respuesta").append(cuadro + "<br>");
            contador = 0;
        } else  {
            contador = 1;
            $(this).removeClass("num4");
            $(".respuesta").empty();
        }
    });
 

[PHPeros]

Puedes usar replace:

Código Javascript:

var contador = 1;
    $(".cuadro").on('click', function(){
 
        var cuadro = $(this).find("input[name=cuadro]:hidden").val();
 
        if(contador == 1) {
            $(this).addClass("num4");
            var res = $(".respuesta").append(cuadro + "<br>");
            contador = 0;
        } else  {
            contador = 1;
            $(this).removeClass("num4");
            $(".respuesta").html($(".respuesta").html().replace(cuadro + "<br>",""));
        }
    });
 

[stevens82]

Claro vamos por ahí, con esto funciona algo pero cuando le doy a otro cuadro tengo que hacer click 2 veces (lo que seria incomodo) para que coloree y por ahi que cuando le doy click al mismo cuasdro repite el valor ahora una pregunta esos valores luego los ingresaré a una BD por medio de php, ahora con ese replace me ingresara un dato vacío a la BD no es así?