Om rutan inte är ikryssad, visa felmeddelande

2 svar · 484 visningar · startad av SoulGod 5 nov. 2009

SoulGodMedlem sedan aug. 20051 200 inlägg

Trådstart5 nov. 2009 02:50#1

Jag håller på att göra ett register-formulär,
och jag vill ha två kryssrutor längst ner som man MÅSTE klicka i.

Antingen vill jag att "skicka"-knappen är grå tills båda rutorna är ikryssade,
eller att när man klickar på knappen så kommer det upp ett popup om att de inte är ikryssade... Hur gör man detta?

The_HulkMedlem sedan juni 20031 837 inlägg

5 nov. 2009 07:35#2

Om det ska göras direkt i webbläsaren så är det lättare att lösa med javascript.

Här är ett exempel:

<script>
function checkBox()
{
  var cb1 = document.getElementById('checkbox1');
  var cb2 = document.getElementById('checkbox2');
  var btn1 = document.getElementById('submit1');

  if(cb1.checked && cb2.checked)
  {
    btn1.disabled = false;
  }
  else
  {
    btn1.disabled = true;
  }
}
</script>
<input type="checkbox" id="checkbox1" onClick="checkBox()" />
<input type="checkbox" id="checkbox2" onClick="checkBox()" />
<input type="submit" id="submit1" disabled />

The_HulkMedlem sedan juni 20031 837 inlägg

5 nov. 2009 07:38#3

Här kommer ett exempel som kontrollerar rutorna när man klickar på submit-knappen

<script>
function checkBox()
{
  var cb1 = document.getElementById('checkbox1');
  var cb2 = document.getElementById('checkbox2');
  var btn1 = document.getElementById('submit1');

  if(cb1.checked && cb2.checked)
  {
    return true;
  }
  
  alert("Du måste kryssa i båda rutor.");
  return false;
}
</script>
<form method="post" onSubmit="return checkBox();">
<input type="checkbox" id="checkbox1" />
<input type="checkbox" id="checkbox2" />
<input type="submit" id="submit1" />
</form>