Checkbox-valideringer


Velg opp til 3:
Rød
Grønn
Blå
Gul
Purpel
Orange
function CountChecks(which) {
var maxchecked = 3;
var count = 0;
if(document.F1.R.checked == true) { count++; }
if(document.F1.G.checked == true) { count++; }
if(document.F1.B.checked == true) { count++; }
if(document.F1.Y.checked == true) { count++; }
if(document.F1.P.checked == true) { count++; }
if(document.F1.O.checked == true) { count++; }
if(count > maxchecked) {
eval('document.F1.' + which + '.checked = false');
alert('Sorry, only ' + maxchecked + ' may be checked.');
}
}
<form name="F1">
<!-- NB: For CGI implementering, FORM-taggen må ha: method="_____" og action="_____" attributes. --><br>
Velg opp til 3:<br>
<input type="checkbox" name="R" value="red" onClick="CountChecks('R')">Rød<br>
<input type="checkbox" name="G" value="green" onClick="CountChecks('G')">Grønn<br>
<input type="checkbox" name="B" value="blue" style=background-color:#99AAFF; onClick="CountChecks('B')">Blå<br>
<input type="checkbox" name="Y" value="yellow" onClick="CountChecks('Y')">Gul <br>
<input type="checkbox" name="P" value="purple" onClick="CountChecks('P')">Purpel <br>
<input type="checkbox" name="O" value="orange" onClick="CountChecks('O')">Orange <br>
<input type="button" value="C l i c k">
<!-- NB: For CGI implementering, endre type="button" til: type="submit" -->
</form>


Hvilke vil du kjøpe?
Nyhet (10.00)
Broken (Gratis)
Antique (55.00)
Lær å fiske (4.95)
Total:
function TotalCheckedValues() {
var total = 0;
if(document.F2.a.checked == true) { total += parseFloat(document.F2.a.value); }
if(document.F2.b.checked == true) { total += parseFloat(document.F2.b.value); }
if(document.F2.c.checked == true) { total += parseFloat(document.F2.c.value); }
if(document.F2.d.checked == true) { total += parseFloat(document.F2.d.value); }
var ts = new String(total);
if(ts.indexOf('.') < 0) { ts += '.00'; }
if(ts.indexOf('.') == (ts.length - 2)) { ts += '0'; }
document.F2.T.value = ts;
}
<form name="F2">
<!-- NB: For CGI implementering, FORM-taggen må ha: method="_____" og action="_____" attributes. -->
Hvilke vil du kjøpe?<br>
<input type="checkbox" name="a" value="10" onClick="TotalCheckedValues()">Nyhet (10.00)<br>
<input type="checkbox" name="b" value="0" onClick="TotalCheckedValues()">Broken (Gratis)<br>
<input type="checkbox" name="c" value="55" onClick="TotalCheckedValues()">Antique (55.00)<br>
<input type="checkbox" name="d" value="4.95" onClick="TotalCheckedValues()">Lær å fiske (4.95) <br>
Total: <input type="text" name="T" readonly size="5"> <br>
<input type="button" value="C l i c k" onClick="TotalCheckedValues()">
<!-- NB: For CGI implementering, endre type="button" til: type="submit" -->
</form>




Velg dine favoritter:
Rød
Grønn
Blå
function CheckAll() {
document.F3.R.checked = true;
document.F3.G.checked = true;
document.F3.B.checked = true;
}
function UnCheckAll() {
document.F3.R.checked = false;
document.F3.G.checked = false;
document.F3.B.checked = false;
}
<form name="F3">
<!-- NB: For CGI implementering, FORM-taggen må ha: method="_____" og action="_____" attributes. -->
<input type="button" value="Velg alle" onClick="CheckAll()"><br>
<input type="button" value="Velg bort" onClick="UnCheckAll()"><br>
Velg dine favoritter:<br>
<input type="checkbox" name="R" value="red">Rød <br>
<input type="checkbox" name="G" value="green">Grønn <br>
<input type="checkbox" name="B" value="blue">Blå <br>
<input type="button" value="C l i c k">
<!-- NB: For CGI implementering, endre type="button" til: type="submit" -->
</form>


Velg dine favoritter:
Rød
Grønn
Blå
Alle
Ingen
function UpdateChecks(which) {
if (which == 'all') { AllIsChecked(); }
else if(which == 'none') { NoneIsChecked(); }
else if(which == 'color') { BoxesCheck(); }
}
function AllIsChecked() {
if(document.F4.A.checked == false) { BoxesCheck(); }
else {
document.F4.R.checked = false;
document.F4.G.checked = false;
document.F4.B.checked = false;
document.F4.N.checked = false;
}
}
function NoneIsChecked() {
if(document.F4.N.checked == false) { BoxesCheck(); }
else {
document.F4.R.checked = false;
document.F4.G.checked = false;
document.F4.B.checked = false;
document.F4.A.checked = false;
}
}
function BoxesCheck() {
document.F4.A.checked = false;
document.F4.N.checked = false;
if((document.F4.R.checked == true) && (document.F4.G.checked == true) && (document.F4.B.checked == true)) {
document.F4.A.checked = true;
AllIsChecked();
}
else if((document.F4.R.checked == false) && (document.F4.G.checked == false) && (document.F4.B.checked == false)) {
document.F4.N.checked = true;
NoneIsChecked();
}
}
<form name="F4">
<!-- NB: For CGI implementering, FORM-taggen må ha: method="_____" og action="_____" attributes. -->
Velg dine favoritter:<br>
<input type="checkbox" name="R" value="red" onClick="UpdateChecks('color')">Rød <br>
<input type="checkbox" name="G" value="green" onClick="UpdateChecks('color')">Grønn <br>
<input type="checkbox" name="B" value="blue" onClick="UpdateChecks('color')">Blå <br>
<input type="checkbox" name="A" value="all" onClick="UpdateChecks('all')">Alle <br>
<input type="checkbox" name="N" value="none" onClick="UpdateChecks('none')" CHECKED>Ingen <br>
<input type="button" value="C l i c k">
<!-- NB: For CGI implementering, endre type="button" til: type="submit" -->
</form>


Bekreftelser:
 function DoCheck() {
if(document.F5.box1.checked == true)
{ alert('box1 is checked'); }
if(document.F5.box1.checked == false)
{ alert('box1 is not checked'); }
if(document.F5.box2.checked == true)
{ alert('box2 is checked'); }
if(document.F5.box2.checked == false)
{ alert('box2 is not checked'); }
}
<form name="F5">
<!-- NB: For CGI implementering, FORM-taggen må ha: method="_____" og action="_____" attributes. -->
Bekreftelser:<br>
<input type="checkbox" name="box1" style=background-color:#99AAFF; value="yes1">
<input type="checkbox" name="box2" style=background-color:#99AAFF; value="yes2">
<input type="button" value="C l i c k" style=background-color:#99AAFF; onClick="DoCheck()">
<!-- NB: For CGI implementering, endre type="button" til: type="submit" -->
</form>