(Resolvido) obrigatório preencher checkbox

[Diogo Freitas]

bons dias,

necessito de colocar um chekbox, do género termos de utilização, e sem o qual o seu não preenchimento não permita continuar o processo, ou seja....

para o user se registar ser necessário preencher o chekbox como que se concorda-se com os termos...

como posso fazer isso?

[JuanHBiscaia]

sim... pode com certeza, e é até mais fácil de fazer do que se você fosse fazer com radiobutton

digamos que você tenha um html assim:

<form name='seu_form' id='seu_form'>
<input type="checkbox" name='chk1' value='opção1'>essa é a opção1
<br>
<input type="checkbox" name='chk2' value='opção2'>essa é a opção2
</form>

em seguida temos o java script:

<script language='javascript'>
function verifica_checkbox()
{
   var chk1 = document.seu_form.chk1.checked;
   var chk2 = document.seu_form.chk2.checked;

   if (chk1 == false)
   {
      alert('marque o check 1');
      document.seu_form.chk1.focus();  
      return false;
   }
   else if (chk1 == true)
   {
      alert('você marcou o checkbox certo!');
   }
   return true;
}
</script>

em seguida, você pega aquele código html do começo e muda pra isso:

<form name='seu_form' id='seu_form' onsubmit='verifica_checkbox()'>
<input type="checkbox" name='chk1' value='opção1' />essa é a opção1
<br>
<input type="checkbox" name='chk2' value='opção2' />essa é a opção2
<br>
<input type='submit' name='bnt1' value='me aperte' />
</form>

é +- isso... testa ae e passa um feedback...

[Diogo Freitas]

muito obrigado cara

adaptei a um que tinha criado

pensei que fosse mais complicado.lol

abraço

[Diogo Freitas]

surgiu outra dúvida...

preciso que o usuario preencha obrigatoriamente um de dois chekbox...mas nenhum deles pode estar cheked num momento inicial...

entendeu?

como posso fazer isso?

cara, já está

coloquei dois if

um que diz que se ambos os chekbox tiverem vazios dá erro e outro que diz que se ambos tiverem preenchidos tb dá erro

tem como eu pegar num valor do chekbox?

Editado Agosto 20, 2008 por Diogo Freitas

[fercosmig]

http://scriptbrasil.com.br/forum/index.php...st&p=185861

http://scriptbrasil.com.br/forum/index.php?showtopic=82408

[Diogo Freitas]

não encontrei minha resposta ai não...

a obrigatoriadade de colocar pelo menos um chek já está, já tava feito..

o que eu necesito é o seguinte

se o user chekar o chekbox1 será escrito num textfiel 1, se marcar o chekbox2 será escrito 2, deu para entender?

como posso fazer isso?

[JuanHBiscaia]

mas o que você quer que seja escrito em um text field ? o value dos checkboxes ou alguma outra coisa ?

[Diogo Freitas]

quero que esteja escrito o valor do chekbox...tem como?

[JuanHBiscaia]

tem... se você fizer assim:

html:

<form onsubmit='valor()' name='form1'>
<input type='checkbox' value='chekcbox1' name='chk1' /> chek1
<br>
<input type='checkbox' value='chekcbox2' name='chk2' /> chek2
<br>
campo1<br>
<input type='text' name='txt1' />
<br>
campo2<br>
<input type='text' name='txt2' />
<br>
<input type='submit' value='clique' name='btn1/>
</form>

js:

function valor()
{
   var txt1 = document.form1.txt1.value;
   var txt2 = document.form1.txt2.value;

   txt1 = document.form1.chk1.value;
   txt2 = document.form1.chk2.value;
}

acho que vai funcionar... n cheguei a testar aqui... testa ae e qualquer coisa da um feedback

Editado Agosto 21, 2008 por JuanHBiscaia

[Diogo Freitas]

o seguinte....

é

var txt1 = document.form1.txt1.value;
   var txt2 = document.form1.txt2.value;

ou

var chk1 = document.seu_form.chk1.checked;
   var chk2 = document.seu_form.chk2.checked;

fiz da seguinte forma mas não está dando...

var chk1 = document.seu_form.chk1.checked;
   var chk2 = document.seu_form.chk2.checked;

   txt1 = document.form1.chk1.value;
   txt2 = document.form1.chk2.value;

Editado Agosto 21, 2008 por fercosmig
Adicionar tag's

[JuanHBiscaia]

humm... tenta isso então:

java script:

<script language="javascript">
function valor_do_chk()
{
  var chk1 = document.form1.chk1.checked; // pegando o status do chk1
  var chk2 = document.form1.chk2.checked; // pegando o status do chk2
  
  if (chk1 == true) // se chk1 = true o valor do campo 1 é o valor do chk1
  {
    document.form1.txt1.value = document.form1.chk1.value;
  }
  else if (chk1 == false) // se chk1 = false, o valor do campo 1 é vazio
  {
    document.form1.txt1.value = '';
  }
    
  if (chk2 == true) // se o chk2 = true o valor do campo 2 é o valor do chk2
  {
    document.form1.txt2.value = document.form1.chk2.value;
  }
  else if (chk2 == false) // se o chk2 = false o valor do campo 2 é vazio
  {
    document.form1.txt2.value = '';
  }
}
</script>

html:

<body>
<form name="form1">
Campo 1 <br>
<input type="text" name="txt1"  />
<br>
Campo 2 <br>
<input type="text" name="txt2"  />
<br><br>
<input type="checkbox" name="chk1" value="opcao1" onclick="valor_do_chk();" /> opção1
<br>
<input type="checkbox" name="chk2" value="opcao2" onclick="valor_do_chk();" /> opção2
</form>
</body>

esse script é pra funcionar tanto no IE como FF... qualquer coisa, posta ae

[Diogo Freitas]

muito obrigado cara

´valeu mesmo

abraço