Archief - Jquery tel checkboxes

demon326 · 15 jan 2012

Hallo allen,

Na uren zoeken heb ik dus eindelijk een script gevonden dat mij binnen een bepaald parrent item checkboxes laat tellen als deze aangevinkt worden. Het is echter zo dat ik er een tekst rond wil maken, bijvoorbeeld:

Met de geselecteerde (10)

Waar (10) het aantal checkboxen zijn die aangevinkt zijn.

De huidige code;

Code:

$(":checkbox").click(function() {

    // find closest category parent div
    var $cat = $(this).closest(".iets");

    // get checkbox within category, check length
    var len = $cat.find(":checkbox:checked").length;

    // update the div's counter
    $cat.find(".counter").text(len);
});

Liefst zou ik de counter div ook verbergen als er niets is aangevinkt..

Alvast bedankt voor de hulp!

Dieterg · 15 jan 2012

Ik weet niet zeker of ik je goed begrijp maar ik denk zoiets?

Code:

$(":checkbox").click(function() {

	// find closest category parent div
	var $cat = $(this).closest(".iets");
	// get checkbox within category, check length
        var len = $cat.find(":checkbox:checked").length;

	// update the div's counter
	if(len == 0) {
		$cat.find(".counter").css("display","non");
	} else {
		$cat.find(".counter").fadeIn();
	}
	//is .counter een div? --> .html gebruiken		
	$cat.find(".counter").html("Met de geselecteerde ("+len+")");
});

demon326 · 15 jan 2012

Mam zei:
Ik weet niet zeker of ik je goed begrijp maar ik denk zoiets?
.....

Dat is hetgeen ik zocht! Ik heb nog een klein extra vraagje :unsure:

.

Is het mogelijk om dit met een 'select all, deselect all' optie te laten werken? Ik ken zeer weinig van jquery

Dieterg · 15 jan 2012

demon326 zei:
Dat is hetgeen ik zocht! Ik heb nog een klein extra vraagje.

Is het mogelijk om dit met een 'select all, deselect all' optie te laten werken? Ik ken zeer weinig van jquery

Ja dat is mogelijk..

Vanuitgaand dat check een checkbox is. Kan ook met een button ofzo.

Code:

$('.check').click(function() {
    var $cat = $(this).closest(".iets");
   
    if($(this).is(':checked'))
    {
       $cat.each(function(index, value) {
           value.attr('checked', true);
       });
    } else {
      $cat.each(function(index, value) {
           value.attr('checked', false);
       });
    }
});

Dat zou het ongeveer moeten zijn.. Ik weet natuurlijk de situatie niet voor 100%..

Archief - Jquery tel checkboxes

demon326

Legacy Member

Dieterg

Legacy Member

demon326

Legacy Member

Dieterg

Legacy Member