Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 396
Nome: João Paulo
Descrição do site: Site de Ofertas de Produtos da cidade
Sexo: Masculino
Localização: Bahia Luis Eduardo Magalhães

JS radion Button e checkbox

08-07-2016 16:45

Boa Tarde tenho o seguinte codigo a baixo. tenho 9 palestra. tenho 3 dias de palestra cada dia tera 9 palestra. se eu quiser comprar 1 dia eu seleciono o radio button de 1 dia aparece todas as palestrar de todos os dias porem se eu selecionar a checkbox do dia 1 eu devo escolher as demais palestra desse dia! existe alguma função que bloqueie as demais checkbox ou invez do que uso hoje que da o erro? estou usando a seguinte função function groupChk(obj) para poder marcar somente 2 itens se checkbox. queria saber oque devo adicionar na função para conseguir fazer o controle acima ?


/*Func_Cadastrese.js*/ function palestra1(radio1){ if(radio1=="Palestra1"){ document.getElementById('Pales2').style.display="none"; document.getElementById('Pales3').style.display="none"; document.getElementById('p1d2').checked=false; document.getElementById('p2d2').checked=false; document.getElementById('p3d2').checked=false; document.getElementById('p1d3').checked=false; document.getElementById('p2d3').checked=false; document.getElementById('p3d3').checked=false; document.getElementById('Pales1').style.display="block"; } if(radio1=="Palestra2"){ document.getElementById('Pales1').style.display="none"; document.getElementById('Pales3').style.display="none"; document.getElementById('p1d1').checked=false; document.getElementById('p2d1').checked=false; document.getElementById('p3d1').checked=false; document.getElementById('p1d3').checked=false; document.getElementById('p2d3').checked=false; document.getElementById('p3d3').checked=false; document.getElementById('Pales2').style.display="block"; } if(radio1=="Palestra3"){ document.getElementById('Pales1').style.display="none"; document.getElementById('Pales2').style.display="none"; document.getElementById('p1d1').checked=false; document.getElementById('p2d1').checked=false; document.getElementById('p3d1').checked=false; document.getElementById('p1d2').checked=false; document.getElementById('p2d2').checked=false; document.getElementById('p3d2').checked=false; document.getElementById('Pales3').style.display="block"; } } function groupChk(obj){ var chks=document.getElementsByName(obj.name); var cont=0; for(var i=0;i<chks.length; i++){ if(chks[i].checked) cont++; if(cont>2){ alert( "Só pode marcar 2" ); obj.checked = false; break; } } }


<script src="js/Func_Cadastrese.js" type="text/javascript"></script> <form name="form" method="post" enctype="multipart/form-data" > <label>Comprar Palestra</label><br /> <input type="radio" name="Cadastro" value="1" onclick="palestra1('Palestra1')" required="required" /> 1 DIA R$ 150,00 <br /> <div id="Pales1" style="display:none"> <input type='checkbox' name='ChekDia' id="p1d1" onclick='groupChk( this )'>Palestra 1<br /> <input type='checkbox' name='ChekDia' id="p2d1" onclick='groupChk( this )'>Palestra 2<br /> <input type='checkbox' name='ChekDia' id="p3d1" onclick='groupChk( this )'>Palestra 3<br /> <input type='checkbox' name='ChekDia' id="p1d2" onclick='groupChk( this )'>Palestra 11<br /> <input type='checkbox' name='ChekDia' id="p2d2" onclick='groupChk( this )'>Palestra 22<br /> <input type='checkbox' name='ChekDia' id="p3d2" onclick='groupChk( this )'>Palestra 33<br /> <input type='checkbox' name='ChekDia' id="p1d3" onclick='groupChk( this )'>Palestra 111<br /> <input type='checkbox' name='ChekDia' id="p2d3" onclick='groupChk( this )'>Palestra 222<br /> <input type='checkbox' name='ChekDia' id="p3d3" onclick='groupChk( this )'>Palestra 333<br /> </div> <input type="radio" name="Cadastro" value="2" onclick="palestra1('Palestra2')" required="required" /> 2 DIA R$ 280,00<br /> <div id="Pales2" style="display:none"> <input type='checkbox' name='ChekDia' id="p1d1" onclick='groupChk( this )'>Palestra 1<br /> <input type='checkbox' name='ChekDia' id="p2d1" onclick='groupChk( this )'>Palestra 2<br /> <input type='checkbox' name='ChekDia' id="p3d1" onclick='groupChk( this )'>Palestra 3<br /> <input type='checkbox' name='ChekDia' id="p1d2" onclick='groupChk( this )'>Palestra 11<br /> <input type='checkbox' name='ChekDia' id="p2d2" onclick='groupChk( this )'>Palestra 22<br /> <input type='checkbox' name='ChekDia' id="p3d2" onclick='groupChk( this )'>Palestra 33<br /> <input type='checkbox' name='ChekDia' id="p1d3" onclick='groupChk( this )'>Palestra 111<br /> <input type='checkbox' name='ChekDia' id="p2d3" onclick='groupChk( this )'>Palestra 222<br /> <input type='checkbox' name='ChekDia' id="p3d3" onclick='groupChk( this )'>Palestra 333<br /> </div> <input type="radio" name="Cadastro" value="3" onclick="palestra1('Palestra3')" required="required" /> 3 DIA R$ 360,00<br /> <div id="Pales3" style="display:none"> <input type='checkbox' name='ChekDia' id="p1d1" onclick='groupChk( this )'>Palestra 1<br /> <input type='checkbox' name='ChekDia' id="p2d1" onclick='groupChk( this )'>Palestra 2<br /> <input type='checkbox' name='ChekDia' id="p3d1" onclick='groupChk( this )'>Palestra 3<br /> <input type='checkbox' name='ChekDia' id="p1d2" onclick='groupChk( this )'>Palestra 11<br /> <input type='checkbox' name='ChekDia' id="p2d2" onclick='groupChk( this )'>Palestra 22<br /> <input type='checkbox' name='ChekDia' id="p3d2" onclick='groupChk( this )'>Palestra 33<br /> <input type='checkbox' name='ChekDia' id="p1d3" onclick='groupChk( this )'>Palestra 111<br /> <input type='checkbox' name='ChekDia' id="p2d3" onclick='groupChk( this )'>Palestra 222<br /> <input type='checkbox' name='ChekDia' id="p3d3" onclick='groupChk( this )'>Palestra 333<br /> </div>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: JS radion Button e checkbox

08-07-2016 21:51

Não entendi muito bem o problema.

Testei seu código e vi que cada input radio clicado mostra 9 checkbox como opção.
Notei também que dá para escolher somente 2 opções por vez.

Se escolher mais de duas opções mostra o alert informando que não pode escolher mais. Qual o erro está tendo desse modo?
Você quer desabilitar os checkbox não escolhidos ao invés de exibir o alert?
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]