Checkbox attivate automaticamente

blips

Nuovo Utente
12 Mar 2013
29
1
3
Ciao a tutti, sono ancora qui a chiedere un vostro aiuto per ultimare finalmente il mio sito.

Avrei la necessità di attivare e disattivare automaticamente due checkbox quando ne viene attivata una principale.
Mi spiego meglio, questo è il mio form:

HTML:
<form action="updateAuc.php" method="POST" name="edit">
<div class="editbutton">
                <ul>
                 <li class="leditcnt"><input class="submitbutton" type="submit" name="edit" value="Aggiorna Trasferimenti" /></li>
                 <li class="lremove"><a href="auctionfree_list.php"><input name="Button"  type="button" class="linkbutton" value="Annulla" /></a></li>
 </ul> </div>                
<table width = "100%">
                  <tr class="title">
                        <td class="head">Player</td>
                        <td class="head">Action</td>
                        <td class="head">Win</td>
                     </tr>                     

                     <?php do { ?>    
                     <tr>
    <td class="table1"><?php echo $row_dataauc['playerName']; ?></td>
    <td class="table1"><?php echo $row_dataauc['amount']; ?> - <?php echo $row_dataauc['teambid']; ?></td>
    <td class="table1"><input name="enable[]" class="inputfield" type="checkbox" value="<?php echo $row_dataauc['aucid']?>"/>
    <input name="enable2[]" class="inputfield" type="checkbox" value="<?php echo $row_dataauc['id']?>"/>
    <input name="enable3[]" class="inputfield" type="checkbox" value="<?php echo $row_dataauc['coachID']?>"/>
    </td>
</tr>
<?php } while ($row_dataauc = mysqli_fetch_assoc($dataauc)); ?>
</table>
</form>

name="enable[]" è la principale, quando attivo quella, automaticamente devono attivarsi e, ovviamente, disattivarsi anche name="enable2[]" e name="enable3[]".

Penso che con javascript questa cosa sia possibile, ma essendo js per me materia oscura confido in un vostro aiuto.

Grazie in anticipo a chi vorrà aiutarmi.
 
Ultima modifica:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, prova questo semplice esempio
HTML:
<script>
    function check(spunta){     
        document.getElementById("check2").checked = spunta;
        document.getElementById("check3").checked = spunta;       
    } 
</script>
Check 1 <input onclick="check(this.checked)" type="checkbox" name="check1"/> 
Check 2 <input type="checkbox" id="check2" name="check2"/> 
Check 3 <input type="checkbox" id="check3" name="check3"/>
 

Fez Vrasta

Utente Attivo
11 Mag 2013
409
0
0
Codice:
<script>
$(function() {
  $("#maincheckbox").click(function () {
    if($(this).attr("checked")) {
        $(".childcheckboxes").attr('checked', true);
    } else {
        $(".childcheckboxes").attr('checked', false);
    }
});
});
</script>
<input type="checkbox" id="maincheckbox" />
<input type="checkbox" class="childcheckboxes" />
<input type="checkbox" class="childcheckboxes" />

Una cosa così?
 
Ultima modifica:

blips

Nuovo Utente
12 Mar 2013
29
1
3
Grazie a tutti e due, ma purtroppo non funziona nel modo giusto :crying:
Le checkbox sono all'interno di un ciclo while che recupera dinamicamente i dati dal db e quindi li dispone su più righe. Ogni checkbox ha un valore diverso quando cambia la riga. Penso che il problema derivi da questo, serve probabilmente un ciclo anche nel js.

Nell'esempio di Fez Vrasta se clicco la principale nella prima riga mi attiva le due della prima riga e tutte le altre due delle righe successive.
Nell'esempio di criric invece se clicco la principale di ogni riga mi attiva sempre e solamente le due della prima riga.

Spero di essermi spiegato, se no posto un immagine.
 
Ultima modifica:

Fez Vrasta

Utente Attivo
11 Mag 2013
409
0
0
nel mio esempio devi assegnare la classe "childcheckboxes" solo a quelle che vuoi che si attivino.
 

blips

Nuovo Utente
12 Mar 2013
29
1
3
Penso che un immagine renda meglio l'idea:

p9oBmYC.png

Questo avviene nel tuo caso, il form l'ho modificato cosi:

HTML:
<?php do { ?>    
                     <tr>
    <td class="table1"><?php echo $row_dataauc['playerName']; ?></td>
    <td class="table1"><?php echo $row_dataauc['amount']; ?> - <?php echo $row_dataauc['teambid']; ?></td>
    <td class="table1"><input name="enable[]" class="inputfield" type="checkbox" id="maincheckbox" value="<?php echo $row_dataauc['aucid']?>"/>
    <input name="enable2[]" class="inputfield" type="checkbox" class="childcheckboxes" value="<?php echo $row_dataauc['id']?>"/>
    <input name="enable3[]" class="inputfield" type="checkbox" class="childcheckboxes" value="<?php echo $row_dataauc['coachID']?>"/>
    </td>
</tr>
<?php } while ($row_dataauc = mysqli_fetch_assoc($dataauc)); ?>
 

Fez Vrasta

Utente Attivo
11 Mag 2013
409
0
0
1. Perché usi "do" invece che direttamente "while"?
2. Passami l'HTML e non il PHP, così vedo di risolvere.
 

blips

Nuovo Utente
12 Mar 2013
29
1
3
Uso il do perchè utilizzo DW e lo imposta cosi in automatico.
In che senso l'html invece che il php? E' una pagina unica, questo è tutto l'html:

HTML:
<!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>Master</title>
<link href="../css/menu.css" rel="stylesheet" type="text/css" />
<link href="../css/stile.css" rel="stylesheet" type="text/css" />
<link href="../css/reset.css" rel="stylesheet" type="text/css" />
<link href="../css/table.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/countdownpro.js" defer="defer"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
	  google.load("jquery", "1");
	</script>
<script>
$(function() {
  $("#maincheckbox").click(function () {
    if($(this).attr("checked")) {
        $(".childcheckboxes").attr('checked', true);
    } else {
        $(".childcheckboxes").attr('checked', false);
    }
});
});
</script>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<style type="text/css">
body {background: url(../images/BG.png) no-repeat scroll 50% 10px #000000;}
</style>
</head>
<body>
<div id="wrapper" class="newHeader">
  <div id="doc">
    <div id="header"><a id="logo" href="../index.php">master</a>    
<div id="navigation">
<div id="h_tagline">CPANEL</div>
<a id="back_home" href="../index.php">< Vai al Sito</a>
  </div></div>
<div id="simpleHeaderImgBanner">
  <div class="inner clearfix"></div>
</div>
      <div id="main">
        <div class="newDash" id="bodyDetails">
          <div class="bodyContent" id="bodyDash">
          <div class="inner">
            <div id="sidebar">
              <div class="clear"></div>
            <h2>Menu Admin</h2>
            <div class="clear"></div>
            <ul class="tools">
            <?php include("../includes/admin_menu.php"); ?>
            </ul>            
            </div>           
            <div id="dashContent">
              <div class="dash_content_section">
                 <h3 class="active">gestisci <?php echo $row_auctitle['fauctionName']; ?></h3>
                 <fieldset id="filter-bar">
                 <form action="updateAuc.php" method="POST" name="edit">   
              <div class="editbutton">
                <ul>
                 <li class="leditcnt"><input class="submitbutton" type="submit" name="edit" value="Aggiorna Trasferimenti" /></li>
                 <li class="lremove"><a href="auctionfree_list.php"><input name="Button"  type="button" class="linkbutton" value="Annulla" /></a></li>
 </ul> </div>                
                    <table width = "100%">
                 <tr class="title">
                        <td class="head">Player</td>
                        <td class="head">Action</td>
                        <td class="head">Win</td>
                     </tr>       
                 <?php do { ?>    
                     <tr>
    <td class="table1"><?php echo $row_dataauc['playerName']; ?></td>
    <td class="table1"><?php echo $row_dataauc['amount']; ?> - <?php echo $row_dataauc['teambid']; ?></td>
    <td class="table1"><input name="enable[]" class="inputfield" type="checkbox" id="maincheckbox" value="<?php echo $row_dataauc['aucid']?>"/>
    <input name="enable2[]" class="inputfield" type="checkbox" class="childcheckboxes" value="<?php echo $row_dataauc['id']?>"/>
    <input name="enable3[]" class="inputfield" type="checkbox" class="childcheckboxes" value="<?php echo $row_dataauc['coachID']?>"/>
    </td>
</tr>
<?php } while ($row_dataauc = mysqli_fetch_assoc($dataauc)); ?>
                   </table>                    
                  </form>              
                 </fieldset>                 
              </div>
            </div>
              <div class="clear"></div>
            </div>
          </div>
        </div> 
        <div class="clear"></div>
    </div> 
    <div class="wrapperFooter">      
        <div class="footer">
        <?php include("../includes/footer_admin.php"); ?>
        </div>
        <div class="copyright"><?php include("../includes/copyright.php"); ?></div>
        </div>         
</div>
</div>
</body>
</html>
<?php
mysql_free_result($Recordset1);
mysql_free_result($dataauc);
mysql_free_result($auctitle);
?>
 
Discussioni simili
Autore Titolo Forum Risposte Data
MarcoGrazia jquery validate() controllo checkbox jQuery 2
M form con checkbox PHP 8
D Come gestire un singolo checkbox PHP 10
S Selezionare e deselezionare checkbox Javascript 0
S [PHP] Come mantenere selezionato checkbox dopo aver cliccato submit PHP 7
M Filtrare risultati con valori checkbox passati con jquery jQuery 2
M [HTML] consiglio su label e checkbox riguardo l'allineamento HTML e CSS 2
P [PHP] Controllo al checkbox privacy PHP 6
C [PHP] Checkbox in tabella PHP 7
M [Visual Basic] Cambiare lo stato in checked delle checkbox richiamando dati dal database Visual Basic 6
M [Visual Basic] Creare checkbox dinamicamente in TabControl Visual Basic 1
L [PHP] CHECKBOX DA SELEZIONARE IN UNA TABELLA PHP 4
T [PHP] Checkbox E Valori Multipli In Una Colonna PHP 1
M Inserimento dati checkbox multipli in db da ajax a php PHP 1
C [Javascript] Mostrare un div cliccando una checkbox Javascript 0
G [Javascript] Selezionare una checkbox in maniera condizionata Javascript 5
A [Javascript] Impostare immagine sfondo da checkbox, sito web Javascript 1
M PHP - Checkbox - Mysql PHP 2
Monz94 [Javascript] [HTML] Creare Checkbox o Radio con Immagini Javascript 0
M [PHP] Far rimanere biffata checkbox dopo aggiornamento pagina PHP 24
T [Javascript] un controllo con checkbox che non... controlla... Javascript 3
ientii [PHP] Gestione CheckBox PHP 1
bubino8 [PHP] Variabile da multipla Checkbox PHP 2
E [PHP] valore checkbox PHP 1
M PHP/SQL Inserire più valori in una colonna di tipo integer - Checkbox - PHP 3
M [PHP] Checkbox e valori multipli in una colonna PHP 10
M [HTML] Problema Checkbox HTML e CSS 3
A [HTML] Checkbox non visibili su tutti i browser HTML e CSS 3
F Alert selezione checkbox jQuery 6
U [PHP - RISOLTO] Tabella dinamica: colonne selezionate da checkbox PHP 40
M [Javascript] Deselezionare checkbox Javascript 1
giancadeejay [PHP] INSERT into tabella tramite scelta checkbox PHP 0
giancadeejay [PHP] checkbox ad ogni riga estratta dal db PHP 13
Fede72 Controllare le checkbox con PHP PHP 6
L [PHP] selezionare righe di una tabella con le checkbox e cancellarle PHP 2
M [PHP] Checkbox: inserimento nel db e lettura dal db PHP 20
R checkbox in un form Presentati al Forum 4
krm91 [Javascript] Checkbox e print Javascript 0
P [PHP] checkbox e sua memorizzazione nel db PHP 31
W formail con checkbox asp Classic ASP 19
M form php con checkbox PHP 4
S Assegnare valori mysql a checkbox PHP 0
S inserimento valori checkbox in db Classic ASP 4
J mostra/nascondi immagine in base al checkbox Javascript 1
A Aiutino su PHP e MySQL [Checkbox] PHP 2
L dati da checkbox passati a script php via json jQuery 5
M Inserire nel DB i dati provenienti da checkbox e recuperarli poi dal DB per la pagina di edit PHP 20
M checkbox multivalore PHP 5
Emix Somma automatica checkbox Javascript 1
otto9due Funzione disabilita submit con checkbox privacy. Javascript 8

Discussioni simili