Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

1e keer klik, select - 2e keer, unselect (Opgelost)

Bart - 02/07/2006 18:22 (laatste wijziging 02/07/2006 18:23)

PHP expert

Hey iedereen,
Nu heb ik een aardig scriptje op internet gevonden:

php code - Bekijk de code zonder highlighting - Klap code in

                    <script>
      function checkedAll (id, checked) {
	var el = document.getElementById(id);
	for (var i = 0; i < el.elements.length; i++) {
	  el.elements[i].checked = checked;
	}
      }
    </script>
            
<script>
      function checkedAll (id, checked) {
	var el = document.getElementById(id);
	for (var i = 0; i < el.elements.length; i++) {
	  el.elements[i].checked = checked;
	}
      }
    </script>
 

Gebruik:

php code - Bekijk de code zonder highlighting - Klap code in

                <form id="inbox" action="" method="POST">
      <a href="javascript:checkedAll('inbox', true)">all</a>
      <a href="javascript:checkedAll('inbox', false)">none</a></form>
            
<form id="inbox" action="" method="POST">
      <a href="javascript:checkedAll('inbox', true)">all</a>
      <a href="javascript:checkedAll('inbox', false)">none</a></form>
 

Nu wil ik graag in plaats van die 2 links, 1 checkbox. Als je deze checkbox selecteerd moeten alle checkboxes geselecteerd worden, en als je deze checkbox uitvinkt moeten alle checkboxes uitgevinkt worden.
Kan iemand mij vertellen hoe ik dat doe?

5 antwoorden

Gesponsorde links

MFdriver - 02/07/2006 18:40
PHP interesse		ben slecht in javascript.. maar mss een var maken? var select bv if select == 1 deselecteer set select = 2 else selecteer set select = 1 ok, mijn java script trekt op nix maar het is het principe he ;)

Bart - 02/07/2006 18:42
PHP expert		Ik snap het principe maar hoe komt de code er uit te zien, want ik ken totaal geen Javascript.

MothZone - 02/07/2006 19:16

PHP ver gevorderde

Zo goed ben ik ook niet in js, maar probeer dit anders eens:

php code - Bekijk de code zonder highlighting - Klap code in

                <script>
var checked = false;

function checkedAll (id) {
  if(checked == true){
    checked = false;
  } else {
    checked = true;
  }
  var el = document.getElementById(id);
  for (var i = 0; i < el.elements.length; i++) {
    el.elements[i].checked = checked;
  }
      }
    </script>
            
<script>
var checked = false;
 
function checkedAll (id) {
  if(checked == true){
    checked = false;
  } else {
    checked = true;
  }
  var el = document.getElementById(id);
  for (var i = 0; i < el.elements.length; i++) {
    el.elements[i].checked = checked;
  }
      }
    </script>
 

En dan gewoon oproepen met javascript:checkedAll('inbox');

Bart - 02/07/2006 19:22
PHP expert		Bedankt! Het werkt

Gerard - 02/07/2006 19:30

Ouwe rakker

Mjah, hierbij dan ook maar even mijn inzending voor de goede orde... was even aan het kutten met wat dingen

php code - Bekijk de code zonder highlighting - Klap code in

                <script language="Javascript">
    function checkAll(formId, controllerId) {

        if (document.getElementById(controllerId).checked) {
            var checkBox = true;
        } else {
            var checkBox = false;
        }

        for (var i = 0; i < document.getElementById(formId).elements.length; i++) {
            document.getElementById(formId).elements[i].checked = checkBox;
        }
        
        return true;
    }
</script>

<form id="inbox" action="" method="POST">
      <a href="javascript:checkedAll('inbox', true)">all</a>
      <a href="javascript:checkedAll('inbox', false)">none</a><br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<br />
</form>
<input type="checkbox" name="checkAllCont" id="checkAllCont" onClick="return checkAll('inbox', 'checkAllCont');"/> Check All
            
<script language="Javascript">
    function checkAll(formId, controllerId) {
 
        if (document.getElementById(controllerId).checked) {
            var checkBox = true;
        } else {
            var checkBox = false;
        }
 
        for (var i = 0; i < document.getElementById(formId).elements.length; i++) {
            document.getElementById(formId).elements[i].checked = checkBox;
        }
 
        return true;
    }
</script>
 
<form id="inbox" action="" method="POST">
      <a href="javascript:checkedAll('inbox', true)">all</a>
      <a href="javascript:checkedAll('inbox', false)">none</a><br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<input type="checkbox" name="message[]" id="message[]" value="1" /> Message<br />
<br />
</form>
<input type="checkbox" name="checkAllCont" id="checkAllCont" onClick="return checkAll('inbox', 'checkAllCont');"/> Check All
 

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten