Receber relatorio dos checkboxs marcados em uma tabela no formulário contact form 7

[Joao Cortat 0]

Bom dia,

não tenho muito conhecimento nessa área e peço uma ajuda.

 

estou usando o contact form 7 para fazer um formulário pro meu site.

 

em um momento a pessoa precisa escolher qual dia vai praticar a modalidade.

 

gostaria de saber quais foram as opções escolhidas através do e-mail que recebo automaticamente do plugin.

 

as outras respostas eu recebo normalmente. somente essa tabela, que não esta pre definida no cf 7 que não recebo.

 

Obrigado!

 

OBS: SE ALGUÉM TBM SOUBER COMO POSSO FAZER UMA CONDIÇÃO ( EX: se marcar capoeira segunda, nao pode marcar judo segunda) ia ajudar muito.

 

Segue o código q estou usando 

 

</div>
<br>
<h2>ASSINALE O(S) ESPORTE(S) DE SEU INTERESSE (AULAS DAS 15H ÀS 16H):</h2>
<div class="divTable Tabela-Modalidade">
<div class="divTableHeading">
<div class="divTableRow">
<div class="divTableHead">INFANTIL</div>
<div class="divTableHead">SEGUNDA</div>
<div class="divTableHead">TERÇA</div>
<div class="divTableHead">QUARTA</div>
<div class="divTableHead">QUINTA</div>
</div>
</div>
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell">CAPOEIRA</div>
<div class="divTableCell"><input type=checkbox VALUE="Capoeira-Segunda"></div>
<div class="divTableCell"><input type=checkbox VALUE="Capoeira-Terça"></div>
<div class="divTableCell"><input type=checkbox VALUE="Capoeira-Quarta"></div>
<div class="divTableCell"><input type=checkbox VALUE="Capoeira-Quinta"></div>
</div>
<div class="divTableRow">
<div class="divTableCell">FUTSAL I</div>
<div class="divTableCell"><input type=checkbox VALUE="Futsal-I-Segunda"></div>
<div class="divTableCell"><input type=checkbox VALUE="Futsal-I-Terça"></div>
<div class="divTableCell"><input type=checkbox VALUE="Futsal-I-Quarta"></div>
<div class="divTableCell"><input type=checkbox VALUE="Futsal-I-Quinta"></div>
</div>
<div class="divTableRow">
<div class="divTableCell">GINÁSTICA RÍTMICA</div>
<div class="divTableCell"><input type=checkbox VALUE="GR-Segunda"></div>
<div class="divTableCell"><input type=checkbox VALUE="GR-Terça"></div>
<div class="divTableCell"><input type=checkbox VALUE="GR-Quarta"></div>
<div class="divTableCell"><input type=checkbox VALUE="GR-Quinta"></div>
</div>
<div class="divTableRow">
<div class="divTableCell">JUDÔ</div>
<div class="divTableCell"><input type=checkbox VALUE="Judo-I-Terça"></div>
<div class="divTableCell"><input type=checkbox VALUE="Judo-I-Quarta"></div>
<div class="divTableCell"><input type=checkbox VALUE="Judo-I-Quinta"></div>
<div class="divTableCell"><input type=checkbox VALUE="Judo-I-Sexta"></div>
</div>
</div>
</div>
<br>

<center>[submit "ENVIAR"]</center>
</div>

 

CSS

 

/*--- Styles Table ---*/
div.Tabela-Modalidade {
  font-family: "Arial Black", Gadget, sans-serif;
  border: 2px solid #000000;
  background-color: #FFFFFF;
  width: 50%;
  height: 200%;
  text-align: center;
  border-collapse: collapse;
}
.divTable.Tabela-Modalidade .divTableCell, .divTable.Tabela-Modalidade .divTableHead {
  border: 2px solid #000000;
  padding: 3px 2px;
}
.divTable.Tabela-Modalidade .divTableBody .divTableCell {
  font-size: 14px;
  font-weight: bold;
}
.divTable.Tabela-Modalidade .divTableHeading {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
}
.divTable.Tabela-Modalidade .divTableHeading .divTableHead {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  border-left: 2px solid #000000;
}
.divTable.Tabela-Modalidade .divTableHeading .divTableHead:first-child {
  border-left: none;
}

.Tabela-Modalidade .tableFootStyle {
  font-size: 14px;
}
.Tabela-Modalidade .tableFootStyle .links {
     text-align: right;
}
.Tabela-Modalidade .tableFootStyle .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
.Tabela-Modalidade.outerTableFooter {
  border-top: none;
}
.Tabela-Modalidade.outerTableFooter .tableFootStyle {
  padding: 3px 5px; 
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}
/*--- Styles Table ---*/

[kim.y 11]

Eu fiz um código aqui bem artesanal, veja se é isso que você quer.

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
<style>

</style>
</head>
<body>

CAPOEIRA <br />
<input type=checkbox name="segunda" onchange="myFunction('segunda')">Capoeira-Segunda <br />
<input type=checkbox name="terca" onchange="myFunction('terca')">Capoeira-Terça <br /> 
<input type=checkbox name="quarta" onchange="myFunction('quarta')">Capoeira-Quarta <br /><br />

FUTSAL I <br />
<input type=checkbox name="segunda" onchange="myFunction('segunda')">Futsal-I-Segunda <br />
<input type=checkbox name="terca" onchange="myFunction('terca')">Futsal-I-Terça <br />
<input type=checkbox name="quarta" onchange="myFunction('quarta')">Futsal-I-Quarta <br /><br />


GINÁSTICA RÍTMICA <br />
<input type=checkbox name="segunda" onchange="myFunction('segunda')">GR-Segunda <br />
<input type=checkbox name="terca" onchange="myFunction('terca')">GR-Terça <br />
<input type=checkbox name="quarta" onchange="myFunction('quarta')">GR-Quarta <br />


<script>
function myFunction(parameter){
  var dia_da_semana = document.getElementsByName(parameter);

  //verificar se algum checkbox está checked
  var is_checked = false;
  for(var i = 0; i < dia_da_semana.length; i++) {
    if(dia_da_semana[i].type == 'checkbox' && dia_da_semana[i].name == parameter) {
        is_checked = dia_da_semana[i].checked;
        if(is_checked) break;
    }
  } 

  if(is_checked) {//existe 1 checkbox checked, desabilita todos os checkbox exceto o checked
    for (var i = 0; i < dia_da_semana.length; i++){
      if ( dia_da_semana[i].checked == false ) {
        dia_da_semana[i].disabled = true;
      }
    }
  }
  else{//se todos estiverem unchecked, habilita todos os checkbox novamente
    for (var i = 0; i < dia_da_semana.length; i++){
      dia_da_semana[i].disabled = false;
    }
  } 

}
</script>
</body>
</html>