Archief - Q: [javascript] Checkbox manipulatie

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
n

nigel555

Legacy Member
Hoi iedereen,
ik zit dus eigenlijk met een simpele vraag waar ik via google geen deftig antwoord krijg.
Ik moet met 1button, 2checkboxen bedienen.
Als checkbox 1 is aangevinkt zou ik deze moeten uitschakelen en checkbox2inschakelen.
Ik heb ook nog een button om checkbox 1 aan te vinken en dit werkt al.
Ik vermoed dat het niet moeilijk zal zijn. Maar ik vind gewoon niet terug via google hoe dit te doen met maniere.
HTML: 
   <div class="targets">
      <input type="checkbox" name="testOptie1" />Optie 1<br />
      <input type="checkbox" name="testOptie2" />Optie 2
    </div>
    <div class="activators">
      <input type="button" name="activator12"  value="schakel de eerste optie aan" onclick="document.forms.testForm1.testOptie1.checked=click" /> <span class="code">B</span><br />
      <input type="button" name="activator13"  value="verander de tweede" onclick="document.forms.testForm1.testOptie2.checked=click" /> <span class="code">D</span><br />
    </div>

Zoals je kan zien, werkt de eerste button perfect.

En de tweede button kan voorlopig enkel checkbox 2 aanschakelen.
Maar hoe kan ik ervoor zeggen dat hij het eerste moet doen.
Ik heb al
HTML: 
<input type="button" name="activator13"  value="verander de tweede" onclick="document.forms.testForm1.testOptie1.testOptie2.checked=click" />
geprobeerd maar zonder effect.

Kan er iemand mij helpen?
Want ik ben zeker dat het iets zal zijn waar ik zal aja wrm heb ik daar niet aan gedacht :)

alvast bedankt:niceone:


nigel
i

iamdesign

Legacy Member
zoiets dan?

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>

<body>

<script>
	function checkOption(obj){
		var form = document.forms.testForm;
		if(form.testOptie1.checked){
			form.testOptie1.checked = false;
		}
		else{
			form.testOptie1.checked = true;
		}
		
	}
	
	function checkOption2(obj){
		var form = document.forms.testForm;
		if(form.testOptie1.checked){
			form.testOptie1.checked = false;
			form.testOptie2.checked = true;
		}
		else{
			form.testOptie1.checked = true;
		}
		
	}
	
</script>

<form name="testForm">
  <div class="targets">
      <input type="checkbox" name="testOptie1" />Optie 1<br />
      <input type="checkbox" name="testOptie2" />Optie 2
    </div>
    <div class="activators">
      <input type="button" name="activator12"  value="schakel de eerste optie aan" onclick="checkOption(this)" /> <span class="code">B</span><br />
      <input type="button" name="activator13"  value="verander de tweede" onclick="checkOption2(this)" /> <span class="code">D</span><br />
    </div>
</form>

</body>
</html>

versta nie goe wa het nut is maar kom... :p
K

KenSpectre

Legacy Member
idd, zou het ook met javascript doen, en idd versta ook het nut niet :p
n

nigel555

Legacy Member
Nu het was met javascript al gedaan in het deel dat ik toonde :)
Enja kan dat eens proberen.

En het nut :)
euhm ben mijzelf op de hoogte aan het brengen van javascript:)

Website maken met xhtml,css is mooi maar met javascript kunde nog mooiere dingen doen ^^
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan