Cambio textfield value

[harry80]

Salve ragazzi,


ho una lista di servizi così impostata:

checkbox-value 10     servizio01    textfield01
checkbox-value  5     servizio02    textfield02
checkbox-value 15     servizio03    textfield03

le checkboxs hanno appunto un value, vorrei che questo value cambiasse all’inserimento di un numero nel textfield corrispondente al servizio.


Il cambiamento deve essere una moltiplicazione del valore, quindi textfield * value checkbox.

Come fare?

[ciro78]

ti basta giocare con gli id
esempio la check box gli dai id = "ch-1" mentre la text "tx-1"
gestisci l'evento change della text box r ricavi l'indice dell'id
e poi applichi la moltiplicazione sostituendo il value della checkbox

[harry80]

Grazie ciro78.

Ho buttato giù questo codice:

<input name="cb-servizio_01" type="checkbox" id="cb-servizio_01" value="10"><label for="checkbox">Servizio 01</label><input name="tx-servizio_01" type="text" id="tx-servizio_01" value="1" size="2" maxlength="2"><br />
<input name="cb-servizio_02" type="checkbox" id="cb-servizio_02" value="10"><label for="checkbox">Servizio 02</label><input name="tx-servizio_01" type="text" id="tx-servizio_02" value="1" size="2" maxlength="2"><br />
<input name="cb-servizio_03" type="checkbox" id="cb-servizio_03" value="10"><label for="checkbox">Servizio 03</label><input name="tx-servizio_01" type="text" id="tx-servizio_03" value="1" size="2" maxlength="2"><br />

Con JS mi puoi dare una mano? Non so proprio come fare, ho capito il ragionamento, ma...

[ciro78]

ciao,
io di norma non fornisco codice fatto..insegno come trovare la soluzione.
il primo passo di cui hai bisogno è utilizzare la libreria jquery la conosci?

[harry80]

ciao,
io di norma non fornisco codice fatto..insegno come trovare la soluzione.
il primo passo di cui hai bisogno è utilizzare la libreria jquery la conosci?

Si, infatti, ho capito che devo utilizzare jQuery, in passato ho applicato degli snippet di funzioni, ma adesso non saprei, se mi indichi qualche link dove seguire qualche tutorial inerente a quello che mi serve, te ne sarei grato.

[harry80]

Ho messo insieme questa parte di codice:

<input type="checkbox" name="services[]" value="<?php echo $s['ID']; ?><p></p>" id="services_<?php echo $service_count; ?>"><input type="text" value="2">

<script>
$( "input" )
  .keyup(function() {
    var value = $( this ).val();
    $( "p" ).text( value );
  })
  .keyup();
</script>

Ma qualche cosa non torna.

[ciro78]

Ho messo insieme questa parte di codice:

<input type="checkbox" name="services[]" value="<?php echo $s['ID']; ?><p></p>" id="services_<?php echo $service_count; ?>"><input type="text" value="2">

<script>
$( "input" )
  .keyup(function() {
    var value = $( this ).val();
    $( "p" ).text( value );
  })
  .keyup();
</script>

Ma qualche cosa non torna.

possibile vedere la pagina? che errore hai?

[harry80]

possibile vedere la pagina? che errore hai?

Stò lavorando in locale... se mi dessi qualche dritta... te ne sarei grato perché sono giorni che

[harry80]

Forse è più facile lavorare inizialmente con i textfiled? In tal caso

<input id="services1" name="services1" value="10"><input id="person1" name="person1" value="1"><br />
<input id="services2" name="services2" value="20"><input id="person2" name="person2" value="1"><br />
<input id="services3" name="services3" value="30"><input id="person3" name="person3" value="1"><br />

<script>
$( "input[name^='person']" )
  .keyup(function() {
    var value = $( this ).val();
    $( "input[name^='services']" ).val( "" );
  })
  .keyup();
</script>

Vorrei che in tempo reale il value dei texfield personX venissero copiati al value servicesX corrispondente, solo che li deve attivarsi la moltiplicazione.

Mi date una mano?

[ciro78]

ascoltami non ragionare sul complesso ragiona sui singoli

per ogni check (service) corrisponde una casella di testo

quindi

<input type="checkbox" id="c1" />
<input type="text" id="t1" />

il codice js applicalo sul change di t1 e applicalo solo su c1

insomma impara prima a camminare e poi a correre

ripeto se leggi anche rapidamente la guida jquery sugli eventi ....risolvi