Criar combo de produtos controlado por checkbox

[luisym 0]

É o seguinte criei um sistema para montar combox, onde crio um combo e o site mostra pro cliente os produtos que fazem parte do combo separadamente.

 

Até ai tudo bem e funcionando, porém agora preciso abrir o checkbox para o cliente poder desmarcar e marcar conforme desejar.

 

Preciso fazer com que o valor desse produto ao ser desmarcado seja removido do valor

 

Alguém ai tem alguma idéia de como posso fazer isso?

 

<div id="produtosambiente">

<div class="caixaprodambiente">

<div class="imgprodambiente"><img src="http://www.filhao.com.br/produtos/imagens/1437_g_Roupeiro_Infantil_-Bebe-_Kappesberg_Dreams_IF343_2.jpg" width="140px" align="left"></div>

<div class="decrodambiente">

<input type="hidden" name="prod8766" value="1437">

<input name="combo" type="checkbox" id="combo" value="8766" checked="checked">

<input name="quant8766" type="text" value="1" size="1" maxlength="2" class="formquant"> unidades<br>

<strong>Roupeiro Infantil (Bebê) Kappesberg Dreams IF343 2 Portas e 2 Gavetas - <strong>Cor Azul </strong></strong><br>

De: R$ 585,00 Por: R$ 485,00 <br>

</div>

</div>

<div class="caixaprodambiente">

<div class="imgprodambiente"><img src="http://www.filhao.com.br/produtos/imagens/1442_g_Comoda_Infantil_Kappesberg_Dreams_IF245_5_Gavetas.jpg" width="140px" align="left"></div>

<div class="decrodambiente">

<input type="hidden" name="prod8202" value="1442">

<input name="combo" type="checkbox" id="combo" value="8202" checked="checked">

<input name="quant8202" type="text" value="1" size="1" maxlength="2" class="formquant"> unidades<br>

<strong>Cômoda Infantil Kappesberg Dreams IF245 5 Gavetas - <strong>Cor Branco com Azul</strong></strong><br>

De: R$ 389,00 Por: R$ 279,00 <br>

</div>

</div>

<div class="caixaprodambiente">

<div class="imgprodambiente"><img src="http://www.filhao.com.br/produtos/imagens/1475_g_Berco_Kappesberg_Dreams_IF441.jpg" width="140px" align="left"></div>

<div class="decrodambiente">

<input type="hidden" name="prod8261" value="1475">

<input name="combo" type="checkbox" id="combo" value="8261" checked="checked">

<input name="quant8261" type="text" value="1" size="1" maxlength="2" class="formquant"> unidades<br>

<strong>Berço Infantil Kappesberg Dreams IF441 - <strong>Cor Branco com Azul</strong></strong><br>

De: R$ 539,00 Por: R$ 410,00 <br>

Pague em 6x R$ <strong>68,33</strong> s/ juros.<br><br>

Clique aqui para ver detalhes do produto.

</div>

</div>

</div>

[Periscuelo 20]

Estude sobre jQuery. Com ele você consegue usar os atributos html com maior facilidade.

Assim basta que você utilize os atributos onclick id somando ao jQuery para montar a lógica

do que você precisa. O google também tem muitos modelos de códigos jQuery. De uma pesquisada

que você consegue. :thumbsup: