Archief - Checklist: check all

menlor · 19 okt 2009

Even inleiding:
Ik heb een form met naam donateform Hierin zitten eerst 4 tekstvakjes, dan een random aantal checkboxen en hierna nog een random aantal checkboxen. Deze zijn niet aan elkaar gelinkt.
De eerste checkboxen hebben als naam name="donateamulets[104] waarvan die 104 uit db komt, dus niet oplopend.

De tweede lijst checkboxen wil ik kunnen select all-en

Deze hebben als naam name="donategems[18] waarbij ook de 18 uit de db komt.

Wat ik doe: sql-query waarmee ik het aantal checkboxen van de tweede rij tel en save in $numrows

En dan gebruik ik deze code:

Code:

<script language="JavaScript">

fields = ',$numrows,';
		
		
function fillin (result) {
	for (m = 0; m < fields; m++) {

		document.donateform.elements[m].checked = result;

	}

}

</script


<a href="javascript:void(0);" onclick="fillin(true); return false;">Select all.</a><br>

<a href="javascript:void(0);" onclick="fillin(false); return false;">Unselect all.</a><br>

Ik weet dat ik hier iets moet aanpassen:
document.donateform.elements[m].checked
Maar ik zou niet weten hoe. Nu begint hij gewoon alle elementen eerst te selecteren. Dus begint bij de eerste rij van checkboxen, en dit is niet de bedoeling :/

Kunnen jullie helpen?
Thx

PS: Dit zou dus de titel JS moeten hebben, kan dit niet meer aanpassen, sorry daarvoor

Fraggie · 19 okt 2009

Kan je niet gebruik maken van de error console in je browser om te debuggen? Hoe komt deze eigenlijk aan zijn waarde: fields = ',$numrows,'; ?

adrianhates · 19 okt 2009

Fraggie zei:
Kan je niet gebruik maken van de error console in je browser om te debuggen? Hoe komt deze eigenlijk aan zijn waarde: fields = ',$numrows,'; ?

Volgens mij probeert hij php in te voeren in zijn javascript.
Hoe ik het doe is is die waarde ergens onderaan voor uw body ingeven met een hidden input field.

Code:

<input type="hidden" id="numRows" value="<?php echo $numrows; ?>" />

vervolgens met uw javascript deze waarde eerst oproepen.

Code:

<script language="JavaScript">
function fillin (result) {
        fields = document.getElementById("numRows").value;
        var x = document.getElementsByName("donategems[18]");
	for (m = 0; m < fields; m++) {
		x[m].checked = result;
	}
}
</script>

menlor · 20 okt 2009

zal het straks eens testen.

En de $nuwrows is het aantal checkboxen dat er in de tweede lijst van checkboxen wordt gebruikt. Aangezien het een dynamisch aantal is.

Archief - Checklist: check all

menlor

Legacy Member

Fraggie

Legacy Member

adrianhates

Legacy Member

menlor

Legacy Member