Versio

[JS] checkbox > check

Overzicht Reageren

ILoran punt NL

iLoran punt NL

30/10/2010 00:45:52
Quote Anchor link
Hoooi,

Op dit moment ben ik bezig met een bestel systeempje voor een aantal CD's.
Nu kun je met behulp van checkboxen aangeven welke jaren je wilt hebben (dus je kunt er meerdere aanvinken).
Nu staat onderaan een checkbox met "Allemaal" dan wil ik graag dat als je daar op klikt dat die bovenstaande losse CD checkbox niet meer aan te klikken zijn.

Hoe doe ik zoiets?

bvd,
Loran
 
PHP hulp

PHP hulp

25/05/2012 01:32:51
Gesponsorde koppelingen:
BHosted Hosting al vanaf € 1,- per maand

Controleer nu gratis jouw domeinnaam:

  
 
Tim Kampherbeek

Tim Kampherbeek

30/10/2010 01:28:02
Quote Anchor link
Ik zou de checkboxen bij het aanvinken van allemaal die je wil blocken disablen met javascript (jQuery).

Mocht je een HTML page voor me hebben zal ik het even voor je in orde maken met eventueel een uitleg
 
ILoran punt NL

iLoran punt NL

30/10/2010 01:31:20
Quote Anchor link
Thanks, hier het form gedeelte: http://digii.pastebin.com/ikfhv2rb
 
Jacco Engel

Jacco Engel

30/10/2010 12:19:32
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
$(document).ready(function(){
  $('#checkbox11').bind('click' , function()
  {
    var parent = this ;
    $('#form1 input[type="checkbox"]').each(function()
    {
      this.checked = parent.checked ;
    })
  })
})


Dit moet hem zijn volgens mij,
Deze code in je script zetten en jquery er bij mikken. Als je de checkbox checked word alles gechecked, als je hem unchecked word alles geunchecked
Gewijzigd op 30/10/2010 12:24:11 door Jacco Engel
 
ILoran punt NL

iLoran punt NL

30/10/2010 13:21:00
Quote Anchor link
:( dit is het net niet :(

Wat ik bedoel is dat als je "Allemaal" aan klikt dat die van 2002 t/m 2010 af gefinkt worden.
 
Karl Karl

Karl Karl

30/10/2010 13:22:51
Quote Anchor link
Ik zou zoiets doen:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
<?php // Kleurtjes
$(document).ready(function(){
  $('#checkbox11').click(function() {
    $('#form1 input[type="checkbox"][id!="checkbox11"]').each(function(){
      $(this).attr('disabled', 'disabled');
    });
  });
});

?>

Overigs is het veel handiger om van die checkboxes een array te maken. Niet allemaal een nummer toekennen dus.

Misschien is dit nog beter:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
$(document).ready(function(){
  $('#checkbox11').click(function() {
    var
checked = $(this).attr('checked');
    $('#form1 input[type="checkbox"][id!="checkbox11"]').each(function(){
      if(checked) {
      $(this).attr('disabled', 'disabled');
      }
else {
        $(this).removeAttr('disabled');
      }
    });
  });
});

?>
Gewijzigd op 30/10/2010 13:28:16 door Karl Karl
 
ILoran punt NL

iLoran punt NL

30/10/2010 13:39:46
Quote Anchor link
Thanks karl :)

die 1e uncheckt ze niet meer als "Allemaal" weer af vinkt.
e2 wel :)
 
Karl Karl

Karl Karl

30/10/2010 13:45:34
Quote Anchor link
ILoran punt NL op 30/10/2010 13:39:46:
Thanks karl :)

die 1e uncheckt ze niet meer als "Allemaal" weer af vinkt.
e2 wel :)


Klopt. Daarom heb ik die er ook geplaatst.
 



Overzicht Reageren

Get Adobe Flash player