Cómo crear la casilla de verificación sin enviar en PHP?

Question

¿Cómo crear una casilla de verificación para el usuario sin que el usuario deba enviarla?

[] apple 
[] grapes 
[] oranges 
[] mangoes 

tan pronto como el usuario selecciona las manzanas, uvas, naranjas la página MISMO debe recargar varias veces y decir "manzanas", "uvas", "naranjas", etc

...... ............ Editar

en realidad, tengo que pasar las variables con valores como uvas manzana mangos etc es decir si usted está en un www.abc.com/happy página. php después de seleccionar manzana, uvas, etc. la URL de la página debe mostrar www. abc.com/happy.php & selection = apple_grapes etc

espero que tenga sentido.

Answer 1

Sólo se necesitará un poco de javascript en su checkboxes

<div id="container"></div> 
<input type="checkbox" onclick="return writeTo(this)" name="check_list" value="Appel">Apple<br> 
<input type="checkbox" onclick="return writeTo(this)" name="check_list" value="Grape">Grape<br> 
<input type="checkbox" onclick="return writeTo(this)" name="check_list" value="Orange">Orange<br> 

Y tendrá este Javascript:

function writeTo(object) { 
    var container = document.getElementById("container"); 
    if (object.checked) { 
    container.innerHTML = container.innerHTML + "Added " + object.value + " <br />"; 
    } else { 
    container.innerHTML = container.innerHTML + "Removed " + object.value + " <br />"; 
    } 
} 

Este código escribirá a su HTMLelement (id = contenedor) "Agregado [fruta] " cada vez que check la fruta. Si lo uncheck, dirá, "Eliminado [fruta]". : P

Por favor, compruebe ejemplo de trabajo en JSBin

Answer 2

1. Las casillas de verificación son independientes de los botones de envío. Simplemente escriba las casillas de verificación sin el botón de enviar y tendrá casillas de verificación sin un botón de envío. :)

2. En cuanto a la página "recargar", utilice JS o un marco JS de su elección (como jQuery, MooTools, etc.) para mostrar las palabras adecuadas en la casilla de verificación haga clic en.

Háganos saber si necesita más información.

Answer 3

Si no desea que toda la página se vuelva a cargar y aún así en forma dinámica, tendrá que usar algo más que PHP. Puede usar una solicitud AJAX para enviar la información del servidor en la que se marcan las casillas de verificación y luego responder en consecuencia. Una solución más fácil/mejor sería simplemente tener el Javascript que se requeriría para que la solicitud AJAX muestre las manzanas/uvas/naranjas/mangos onclick en lugar de enviar el formulario cada vez que un usuario cambie una casilla de verificación.