Risultato su due checkbox valorizzate

**michaelvismart** · 23-08-2014, 11:12

Salve a tutti,
voglio chiedere il vostro aiuto per risolvere questo problema :

Ho due checkbox che se selezionati singolarmente polano una selctbox modificando i valori esempio

il problema compare se valorizzo le due checkbox dove invece di avere la select box che viene popolata con i valori numerici da 1 a 9 prende i soli valori della checkbox Vendita.

Questo è il mio codice:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

<body>
<script type="text/x-javascript">


function venditanoleggio(){
if(document.getElementById('vendita').checked==true){
document.getElementById("prezzo").innerHTML = "";    
document.getElementById('prezzo').options[0]=new Option("5","5",false,false);
document.getElementById('prezzo').options[1]=new Option("6","6",false,false);
document.getElementById('prezzo').options[2]=new Option("7","7",false,false);
document.getElementById('prezzo').options[3]=new Option("8","8",false,false);
document.getElementById('prezzo').options[4]=new Option("9","9",false,false);
document.getElementById('prezzo').options[5]=new Option("10","10",false,false);
} else 

if(document.getElementById('noleggio').checked==true){
document.getElementById("prezzo").innerHTML = "";    
document.getElementById('prezzo').options[0]=new Option("1","1",false,false);
document.getElementById('prezzo').options[1]=new Option("2","2",false,false);
document.getElementById('prezzo').options[2]=new Option("3","3",false,false);
document.getElementById('prezzo').options[3]=new Option("4","4",false,false);
document.getElementById('prezzo').options[4]=new Option("5","5",false,false);
    } else 
    
/*    if(document.getElementById('vendita').checked =true ; || document.getElementById('affitto').checked)*/ 



if((document.getElementById('vendita').checked==true) && (document.getElementById('noleggio').checked==true))
    
{
    document.getElementById("prezzo").innerHTML = "";
document.getElementById('prezzo').options[0]=new Option("1","1",false,false);
document.getElementById('prezzo').options[1]=new Option("2","2",false,false);
document.getElementById('prezzo').options[2]=new Option("3","3",false,false);    
document.getElementById('prezzo').options[3]=new Option("4","4",false,false);
document.getElementById('prezzo').options[4]=new Option("5","5",false,false);
document.getElementById('prezzo').options[5]=new Option("6","6",false,false);
document.getElementById('prezzo').options[6]=new Option("7","7",false,false);
document.getElementById('prezzo').options[6]=new Option("8","8",false,false);    
document.getElementById('prezzo').options[6]=new Option("9","9",false,false);
document.getElementById('prezzo').options[6]=new Option("10","10",false,false);
    
    }    else {
        document.getElementById("prezzo").innerHTML = "";
document.getElementById('prezzo').options[0]=new Option("1","1",false,false);
document.getElementById('prezzo').options[1]=new Option("2","2",false,false);
document.getElementById('prezzo').options[2]=new Option("3","3",false,false);    
document.getElementById('prezzo').options[3]=new Option("4","4",false,false);
document.getElementById('prezzo').options[4]=new Option("5","5",false,false);
document.getElementById('prezzo').options[5]=new Option("6","6",false,false);
document.getElementById('prezzo').options[6]=new Option("7","7",false,false);
document.getElementById('prezzo').options[7]=new Option("8","8",false,false);    
document.getElementById('prezzo').options[8]=new Option("9","9",false,false);
document.getElementById('prezzo').options[9]=new Option("10","10",false,false);
        
        }



}
</script>
<form id="form_ricerca" name="form_ricerca" method="post" action="">
  <table width="24%" border="1" cellpadding="1" cellspacing="1">
    <tr>
      <td width="13%"><input name="vendita" type="checkbox" id="vendita" onclick="venditanoleggio()" />
      <label for="vendita"></label></td>
      <td width="87%">Vendita</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="noleggio" id="noleggio" onclick="venditanoleggio()"/>
      <label for="noleggio"></label></td>
      <td>Noleggio</td>
    </tr>
    <tr>
      <td><label for="prezzo"></label>
        <select name="prezzo" id="prezzo">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
      </select></td>
      <td>Prezzo</td>
    </tr>
  </table>
</form>
</body>
</html>

Ringrazio chiunque per l'aiuto

**michaelvismart** · 23-08-2014, 14:44

Graie mille per l'ottima risposta infatti ho ricontrollato gli if ed ora lo script funziona correttamente
Posto il codice corretto magari servisse ad altri :

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

<body>
<script type="text/x-javascript">
function venditanoleggio(){
if((document.getElementById('vendita').checked==true) && (document.getElementById('noleggio').checked==true)){
    
document.getElementById("prezzo").innerHTML = "";
document.getElementById('prezzo').options[0]=new Option("1","1",false,false);
document.getElementById('prezzo').options[1]=new Option("2","2",false,false);
document.getElementById('prezzo').options[2]=new Option("3","3",false,false);    
document.getElementById('prezzo').options[3]=new Option("4","4",false,false);
document.getElementById('prezzo').options[4]=new Option("5","5",false,false);
document.getElementById('prezzo').options[5]=new Option("6","6",false,false);
document.getElementById('prezzo').options[6]=new Option("7","7",false,false);
document.getElementById('prezzo').options[7]=new Option("8","8",false,false);    
document.getElementById('prezzo').options[8]=new Option("9","9",false,false);
document.getElementById('prezzo').options[9]=new Option("10","10",false,false);

} else if(document.getElementById('noleggio').checked==true){
document.getElementById("prezzo").innerHTML = "";    
document.getElementById('prezzo').options[0]=new Option("1","1",false,false);
document.getElementById('prezzo').options[1]=new Option("2","2",false,false);
document.getElementById('prezzo').options[2]=new Option("3","3",false,false);
document.getElementById('prezzo').options[3]=new Option("4","4",false,false);
document.getElementById('prezzo').options[4]=new Option("5","5",false,false);
} else if(document.getElementById('vendita').checked==true){
document.getElementById("prezzo").innerHTML = "";
document.getElementById('prezzo').options[0]=new Option("6","6",false,false);
document.getElementById('prezzo').options[1]=new Option("7","7",false,false);
document.getElementById('prezzo').options[2]=new Option("8","8",false,false);    
document.getElementById('prezzo').options[3]=new Option("9","9",false,false);
document.getElementById('prezzo').options[4]=new Option("10","10",false,false);
} else {
document.getElementById("prezzo").innerHTML = "";
document.getElementById('prezzo').options[0]=new Option("1","1",false,false);
document.getElementById('prezzo').options[1]=new Option("2","2",false,false);
document.getElementById('prezzo').options[2]=new Option("3","3",false,false);    
document.getElementById('prezzo').options[3]=new Option("4","4",false,false);
document.getElementById('prezzo').options[4]=new Option("5","5",false,false);
document.getElementById('prezzo').options[5]=new Option("6","6",false,false);
document.getElementById('prezzo').options[6]=new Option("7","7",false,false);
document.getElementById('prezzo').options[7]=new Option("8","8",false,false);    
document.getElementById('prezzo').options[8]=new Option("9","9",false,false);
document.getElementById('prezzo').options[9]=new Option("10","10",false,false);    
}
}
</script>
<form id="form_ricerca" name="form_ricerca" method="post" action="">
  <table width="24%" border="1" cellpadding="1" cellspacing="1">
    <tr>
      <td width="13%"><input name="vendita" type="checkbox" id="vendita" onclick="venditanoleggio()" />
      <label for="vendita"></label></td>
      <td width="87%">Vendita</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="noleggio" id="noleggio" onclick="venditanoleggio()"/>
      <label for="noleggio"></label></td>
      <td>Noleggio</td>
    </tr>
    <tr>
      <td><label for="prezzo"></label>
        <select name="prezzo" id="prezzo">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
      </select></td>
      <td>Prezzo</td>
    </tr>
  </table>
</form>
</body>
</html>

Discussione: Risultato su due checkbox valorizzate

Strumenti discussione

Ricerca discussione

Visualizza

Risultato su due checkbox valorizzate

Risultato su due checkbox valorizzate [RISOLTO]

Permessi di invio