- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- quando seleziono checkbox cambia valore input type number
-
quando seleziono checkbox cambia valore input type number
Ciao ragazzi,
cerco uno script che mi permetta di cambiare il valore dell'input type NUMBER quando viene un checkbox è selezionato.
nel dettaglio: ho una serie di checkbox non selezionati e collegati ad ognuno di essi un input type number impostato di default a zero.
Vorrei che quando la checkbox viene selezionata (passa a checked="checked") in automatico l'imput type number passi da zero a uno.qualche idea?
grazie a tutti
-
Portresti fare uno script da associarea all'evento onchecked del check box.
Se ad ogni checkbox è associato univocamente un campo input non ti basta che cambiare il valore dell'input nello script javascript con un$("#nameInput").val(1)
-
ti posto il mio codice, le checkbox vengono create in automatico in php con un ciclo while
<input type="checkbox" name="formato-selezionato[]" value="$id_formato" class="check_formato">
<input type="number" name="numScatole" min="0" max="100" value="">non saprei come muovermi...
-
ora devi intervenire grazie al metoto onchecked del ckeckbox
<input type=\"checkbox\" name=\"formato-selezionato[]\" value=\"$id_formato\" class=\"check_formato\" onchecked="cambiaValore()"> <input type=\"number\" name=\"numScatole\" min=\"0\" max=\"100\" value="">
e crerare una funzione javascript che se attivata ti cambia il valore del tuo campo number. Se hai bisogno di generalizzarla puoi passare il nome come parametro della funzione e usarla per più checkbox
<script> function cambiaValore() { $("#numScatole").val(1); } </script>
-
ok, chiaro! grazie PietroR.
ultima cosa, per fare la cosa inversa? nel senso, se viene deselezionato il valore torna a 0?
-
Ecco, questo dovrebbe fare al caso tuo
http://stackoverflow.com/questions/11159221/check-if-checkbox-is-not-checked-on-click-jquery
-
perfetto! grazie dell'aiuto
-
ho risolto in questo modo e funziona benissimo:
function cambiaValore (id){
document.getElementById(id+'_riga').setAttribute(' disabled','true');
if(document.getElementById(id).checked) {
document.getElementById(id+'_riga').removeAttribut e('disabled');
}
}$Z="_riga";
$for="formato";
<input type="checkbox" id="$id_formato$for" onclick="cambiaValore(this.id);" >
<input type="number" id="$id_formato$for$Z"disabled="true">spero possa servire anche ad altri...
grazie PietroR per il supporto