Toon posts:

[Javascript] onclick=checkCheckboxes ?

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb een form met drie radio buttons:
<input type=radio name=type value=XXX>
<input type=radio name=type value=YYY>
<input type=radio name=type value=ZZZ>

Daaronder staan deze checkboxen:
<INPUT type=checkbox name=XXX>
<INPUT type=checkbox name=XXX>
<INPUT type=checkbox name=YYY>
<INPUT type=checkbox name=YYY>
<INPUT type=checkbox name=ZZZ>
<INPUT type=checkbox name=ZZZ>

Wat ik wil is als ik op de RADIO button met de waarde XXX klik, dat de CHECKBOXES met de name XXX worden gechecked en die met YYY en ZZZ unchecked blijven. Datzelfde geldt uiteraard wanneer ik op de YYY of ZZZ klik.

Scrippies om alles in een keer te checken of unchecken kan ik wel vinden, maar dit is blijkbaar nog nooit gedaan. Of ik kan niet zoeken ;)

Ik hoop dat mijn probleem duidelijk is :)

  • gorgi_19
  • Registratie: Mei 2002
  • Laatst online: 10:27

gorgi_19

Kruimeltjes zijn weer op :9

Toch beter zoeken... Via Google kwam ik onder andere bij deze link:
http://hotwired.lycos.com...page7.html?tw=programming

Staat beschreven hoe je 1 checkbox aan- en uitzet.

En wat heb je verder al geprobeerd? Wat lukte niet? Kan je een stuk script plaatsen wat je dacht dat werkte?

Verder hoort dit in W&G en niet in P&W

Digitaal onderwijsmateriaal, leermateriaal voor hbo


  • Janoz
  • Registratie: Oktober 2000
  • Laatst online: 28-08 12:00

Janoz

Moderator Devschuur®

!litemod

PW->WG

Ken Thompson's famous line from V6 UNIX is equaly applicable to this post:
'You are not expected to understand this'


Verwijderd

Topicstarter
---Sorry voor mijn verkeerd geplaatste post, had W&G over het hoofd gezien---

Met die link van je moet het wel lukken denk ik. Ik ga er ff mee stoeien, anyway ik had het scrippie hieronder gevonden maar deze werkt niet bij mij omdat ik niet tussentijds wil submitten met een button:

<SCRIPT Language=Javascript>
function SelectAllA() {
document.theForm.hawks.checked = true; document.theForm.falcons.checked = true;
document.theForm.braves.checked = true; document.theForm.thrashers.checked = true;
}
function SelectAllB() {
for(var i=0;i<document.theForm.elements.length;i++) {
if(document.theForm.elements[i].type == "checkbox") {
document.theForm.elements[i].checked = true;
}
}
}
</SCRIPT>
<BODY>
<FORM Name=theForm onSubmit="return false;">
<B>Specify your favorite team (check all that apply):</B>
<BR><INPUT TYPE="checkbox" NAME="hawks"> Hawks
<BR><INPUT TYPE="checkbox" NAME="falcons"> Falcons
<BR><INPUT TYPE="checkbox" NAME="braves"> Braves
<BR><INPUT TYPE="checkbox" NAME="thrashers"> Thrashers
<BR><INPUT type=submit value="Select All A" onClick="SelectAllA()">
<BR><INPUT type=submit value="Select All B" onClick="SelectAllB()">
</FORM>

Die onClick actie bij die submit buttons wil ik dus in mijn radiotag verwerken, maar ik krijg het niet voor elkaar.

  • r0bert
  • Registratie: September 2001
  • Laatst online: 11-08 16:19
psuedo;
PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
onClick="fnSelectChecks(this.value)"

function fnSelectChecks(deWaarde)
{
     fnDeselect()

     for (alle formelementen)
        Waar het type een checkbox is
            als ^checkbox.name gelijk is aan deWaarde
                 checkbox.checked moet waar zijn
}

function fnDeselect()
{
     //eerst alle oude checkboxes deselecteren
     for (alle formelementen)
       als het een checkbox is
            checkbox.checked moet niet waar zijn
}

aangezien de topicstarter hier niet vaker is geweest zo te merken: het is/moet geen php (worden) zoals er wel bij vermeld staat, maar gewoon javascript.. php ubbcodes zijn om het wat beter op te maken

edit:
PHP:
1
<input type="checkbox" name="braves" onClick="SelectAllA();" /> Braves

Verwijderd

Topicstarter
Thanx guys ik weet genoeg! Got it running

Consider this topid closed.
Pagina: 1