Hej, jag har en massa checkboxar som man ev. vill fylla i allihop. Då tänkte jag underlätta lite och ha en checkbox allra längst ner som gör att alla övriga checkboxar blir ibockade ifall man bockar i den nedersta. Hur gör man det?
En checkbox markerar övriga checkboxar?
7 svar · 336 visningar · startad av Yoda
Fast det blir inte riktigt rätt ändå, har jag missuppfattat något?
<form name="formName" onSubmit="return toggleAll();">
<input type="submit" name="checkAll" value="Bocka för alla">
</form>
function toggleAll(formName)
{
for(var i=0; i<formName.checkAll.length; i++)
{
if(formName.checkAll[i].type == "checkbox")
formName.checkAll[i].checked = !formName.checkAll[i].checked;
}
};
Knappen fyller inte i checkboxarna den tar bara bort bocken ifall jag redan fyllt i dem... Jag vill ju också att den ska fylla i alla när jag klickar på knappen. Eller allra helst en checkbox till som utlöser det hela.
function checkOrUncheckAll( p_form, p_isChecked )
{
var e = p_form.elements;
for ( var i = 0; i < e.length; i++ )
{
if ( "checkbox" == e[i].type )
e[i].checked = p_isChecked;
}
}
<form>
<input type="checkbox" id="cb1" name="cb" value="1" /><label for="cb1">Alternativ 1</label><br />
<input type="checkbox" id="cb2" name="cb" value="2" /><label for="cb2">Alternativ 2</label><br /><br />
<input type="checkbox" id="cbAll" name="cbAll" onclick="checkOrUncheckAll(this.form, this.checked);" /><label for="cbAll">Markera/avmarkera alla</label>
</form>
Perfekt, tack så mycket!! :e
Jag skulle vilja spinna vidare på denna tråd med en tilläggsfråga :)
Om jag i funktionsanropet vill kunna skicka med vilka checkboxar som skall markeras, hur ska jag göra??
Hänvisar till denna tråd. Snälla hjälp mig!