Abilitare checkbox in base ad una select selezionata

**sixdas** · 03-08-2014, 22:08

Salve, ho un form con delle select e checkbox, vorrei che un utente se seleziona una determinata opzione nella select venga automaticamente selezionata la checkbox.

codice:

<select id="orario" name="orario">          
   <option>Mattina</option>
   <option>Pomeriggio</option>
   <option>Sera</option>
</select>

Io vorrei che se l'utente seleziona "Sera" automaticamente si deve selezionare la casella...

codice:

    
function test(){        
     var contenuto = $("#id_select").val() 
       
            if(contenuto == "Sera"){
            
            ($('#id_checkbox').val(':checked'))
        }
    }

Lo script da me provato non funziona, inoltre io vorrei che si automatico subito dopo la selezione.

**KillerWorm** · 03-08-2014, 23:26

Ciao, dovresti specificare l'attributo value sulle option, il quale sarà restituito dal metodo val().
Per aggiornare automaticamente puoi usare il gestore di evento change().

Posto un esempio da cui puoi prendere spunto:

codice:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Esempio</title>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
      $(function(){
        $("#orario").change(function(){
          $("#id_checkbox").prop("checked", $(this).val()==3)
        });
      })
    </script>
  </head>
  <body>
    <select id="orario">          
      <option value="1">Mattina</option>
      <option value="2">Pomeriggio</option>
      <option value="3">Sera</option>
    </select>
    <input type="checkbox" id="id_checkbox">
  </body>
</html>

**sixdas** · 04-08-2014, 18:58

Ciao, il tuo esempio funziona benissimo, l'unica cosa che io vorrei fare il confronto su due dati, esempio se viene selezionato o sera o mattina si deve abilitare la casella. io ho provato in questo modo ma non va:

codice:

     $(function(){
        $("#orario").change(function(){
          $("#id_checkbox").prop("checked", $(this).val()=="3","1")
        });
      })

**KillerWorm** · 04-08-2014, 19:11

Puoi usare l'operatore logico || (OR) per rendere vera la condizione in un caso o nell'altro.

Questa è la condizione:

codice:

$(this).val()=="1" || $(this).val()=="3"

**sixdas** · 04-08-2014, 22:52

Perfetto, adesso fa quello che voglio. Grazie mille

Discussione: Abilitare checkbox in base ad una select selezionata

Strumenti discussione

Ricerca discussione

Visualizza

Abilitare checkbox in base ad una select selezionata

Permessi di invio