Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Checkbox: problema nel check-uncheck all

    Ciao ragazzi, mi rivolgo a voi perché è la prima volta che metto mano a jquery e javascript.

    Ho una pagina con all'interno un form con una select. In base al valore scelto, una funzione jquery richiama una pagina ASP che risponde con dei checkbox che mi vengono aggiunti al form della pagina iniziale.

    Vorrei aggiungere un pulsante per abilitare tutti i checkbox, e ho trovato una funzione che ci riesce:

    codice:
    <script>
    $('.select-all').live('click', function(){
        $(this).closest('.options').find('input[type=checkbox]').attr('checked', true);
        return false;
    });
    $('.reset-all').live('click', function(){
        $(this).closest('.options').find('input[type=checkbox]').attr('checked', false);
        return false;
    });
    
    
    </script>
    Il problema sta nel fatto che i checkbox che jquery prende dalla pagina in ASP non vengono spuntati. Sapete aiutarmi?

    Grazie in anticipo,
    Andrea

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    posta la parte html dove ci stanno i bottoni e i checkbox

  3. #3
    Allora, la parte HTML è la seguente:

    codice:
    		
    <form>
    	  	Please select a table:
    	  	
    	  	<select name="table" id="table" size="1" >
    	  		<option value="">-Please Choose- </option>
    			  <option value="applications">Applications</option>
    			  <option value="servers">Infrastructure</option>			  
    		</select>
    		
    
    		</td>
    		</tr>
    		<tr>
    		<td id="player_list">please choose table first</td>
    		</tr>
    </form>
    Dove c'è scritto "please choose table first", la funzione jquery sostituisce il testo con una serie di checkbox, nello specifico:

    codice:
    Response.Write "<input type=""checkbox"" name=""fields"" value="""& objField.Name &"""/>" & objField.Name & "
    "
    dove objField.Name è una variabile.

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    questo codice html non mi dice niente purtroppo, non ci sono i due bottoni select-all e reset-all, non si capisce a che cosa si riferisce il selettore '.options' del primo post, vedo dei tag td e tr ma non l'apertura della tabella, il tag form viene aperto dentro un td ma chiuso fuori da tutto ecc...
    lasciamo perdere l'esempio... direi che ti basta fare cosi:

    codice:
    <form>
    <table>
      <tr><td>
    	  	Please select a table:
    	  	
    	  	<select name="table" id="table" size="1" >
    	  		<option value="">-Please Choose- </option>
    			  <option value="applications">Applications</option>
    			  <option value="servers">Infrastructure</option>			  
    		</select>
    		
    
    		</td>
    		</tr>
    		<tr>
    		<td id="player_list">please choose table first</td>
    		</tr>
    </table>
    </form>
    
    
    <input type="button" class="select-all" value="select-all"></input>
    <input type="button" class="reset-all" value="reset-all"></input>
    
    <script>
    $('.select-all').live('click', function(){
        $("#player_list").find('input[type=checkbox]').attr('checked', true);
    });
    $('.reset-all').live('click', function(){
        $("#player_list").find('input[type=checkbox]').attr('checked', false);
    });
    </script>
    edit:
    un altro modo è questo, funziona nello stesso identico modo del codice postato sopra, vedi tu quale usare:

    codice:
    <script>
    $('.select-all').live('click', function(){
        $("#player_list > input[type=checkbox]").attr('checked', true);
    });
    $('.reset-all').live('click', function(){
        $("#player_list > input[type=checkbox]").attr('checked', false);
    });
    </script>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.