Abilitare campo text dinamico da Checkbox

**peppeweb** · 30-06-2008, 11:07

Ciao a tutti,

devo poter abilitare un campo text dinamico soltanto se ho fleggato il checkbox relativo:

<form name="registrationForm" method="POST" action="POPModuloInserimentoAbbonamento.asp" tmt:validate="true">
<input type="checkbox" name="CODICEASSET<%=contacampi%>" value="<%=Trim(Rs2("CODICEASSET"))%>">
<input id="IMPORTO<%=contacampi%>" ONKEYPRESS="CtrMoney()" type="text" name="a<%=contacampi%>" size="4" onchange="Somma(this);" class="StileForm" style="text-align: right">
</form>

**Nick.ferro** · 30-06-2008, 12:00

sul onclick del checkbox richiami una funzioni nella quale effettui il controllo:

Se il check è "fleggato" abilita text, altrimenti disabilitalo..

**peppeweb** · 30-06-2008, 12:26

Grazie per aver risposto .... ma di javascript non conosco niente !

Sulla sezione javascript.html.it ho trovato questo esempio:

<script type="text/javascript">
function CheckCheckBox(frm)
{
if (!frm.CheckThis.checked)
frm.CheckThis.focus()
}
</script>

<form>

<input type="checkbox" name="CheckThis"></p>

<input type="text" name="UserName" onfocus="CheckCheckBox(this.form)"></p>
</form>

ma non riesco ad adattarla

**dottwatson** · 30-06-2008, 13:37

prendi spunto da qui

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <body>
<input type="checkbox" name="pippo" value="ciao" onclick="document.getElementById('pluto').disabled=this.checked == false">
<input type="text" id="pluto" name="pluto" value="ciao" disabled="disabled">
  </body>
</html>

**peppeweb** · 30-06-2008, 14:50

Grazie dottwatson ... dal tuo spunto sono riuscito a risolvere il problema.

Adesso però ho un'altro problema:

Quando tolgo il flag dal chekbox devo cancellare il contenuto del campo

**Nick.ferro** · 30-06-2008, 14:55

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>

<script>
function controlla(oggetto)
{
if(oggetto.checked == false)
{
document.getElementById('pluto').value='';
document.getElementById('pluto').disabled = true;
}
else
{
document.getElementById('pluto').disabled = false;
}
}
</script>
</head>
<body>
<input type="checkbox" name="pippo" value="ciao" onclick="controlla(this)">
<input type="text" id="pluto" name="pluto" value="ciao" disabled="disabled">
</body>
</html>

na cosa simile

**peppeweb** · 30-06-2008, 15:06

Nick.ferro grazie anche a te,

ma per colpa dei campi dinamici non posso utilizzare questo pezzo di codice:

<script>
function controlla(oggetto)
{
if(oggetto.checked == false)
{
document.getElementById('pluto').value='';
document.getElementById('pluto').disabled = true;
}
else
{
document.getElementById('pluto').disabled = false;
}
}
</script>

c'è un modo per risolvere il tutto senza richiamare una funzione ma mettendo tutto sulla riga dell'imput ?

<input type="checkbox" name="pippo" value="ciao" onclick=???????????????>
<input type="text" id="pluto" name="pluto" value="ciao" disabled="disabled">

**Nick.ferro** · 30-06-2008, 15:20

Non puoi passare due parametri allea funzione?? che indicano l'id del check e l'id del campo... ed è fatta... no?

**peppeweb** · 30-06-2008, 15:27

sono legato ad un ciclo For Next ...

ho naturalmente provato a mettere lo script dentro il For Next ma non funziona.

**Nick.ferro** · 30-06-2008, 15:32

no no lo script... così dico...

<input type="checkbox" name="CODICEASSET<%=contacampi%>" value="<%=Trim(Rs2("CODICEASSET"))%>" onclick="controlla(this,'IMPORTO<%=contacampi%>')" >
<input id="IMPORTO<%=contacampi%>" ONKEYPRESS="CtrMoney()" type="text" name="a<%=contacampi%>" size="4" onchange="Somma(this);" class="StileForm" style="text-align: right">

e lo script sara così...

<script>
function controlla(check,input)
{
if(check.checked == false)
{
document.getElementById(input).value='';
document.getElementById(input).disabled = true;
}
else
{
document.getElementById(input).disabled = false;
}
}
</script>

non lo ho provato... ma a logica mi sembra giusto.. che dici???

Discussione: Abilitare campo text dinamico da Checkbox

Strumenti discussione

Ricerca discussione

Visualizza

Abilitare campo text dinamico da Checkbox

Permessi di invio