<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org">
    <head>
        <title>Wicket Examples - component reference</title>
    </head>
    <body>
        <wicket:extend>

        <h1>wicket.markup.html.form.CheckGroup</h1>
        <wicket:link><a href="Index.html">[back to the reference]</a></wicket:link>

        <p>
            A CheckBoxSelector selects and deselects all Check components under the same CheckGroup as itself
        </p>
        <p>
         <form wicket:id="form">
             CheckGroup:<br/>
             <div wicket:id="checkgroup">
                 <input type="checkbox" wicket:id="check1"/> 1
                 <input type="checkbox" wicket:id="check2"/> 2
                 <input type="checkbox" wicket:id="check3"/> 3
                 <input type="checkbox" wicket:id="check4"/> 4
                 <input type="checkbox" wicket:id="groupSelector"/> select all
             </div>
             <input type="checkbox" wicket:id="groupSelectorOutside"/> select all (outside group)
             <hr/>
             CheckboxMultipleChoice:
             <div wicket:id="choice"/>
             <input type="checkbox" wicket:id="choiceSelector"/> select all
             <hr/>
             Loose Checkboxes:
             <input type="checkbox" wicket:id="looseCheck1"/> 1
             <input type="checkbox" wicket:id="looseCheck2"/> 2
             <input type="checkbox" wicket:id="looseCheck3"/> 3
             <input type="checkbox" wicket:id="looseCheck4"/> 4
             <input type="checkbox" wicket:id="looseSelector"/> select all
             
             <hr/>
             Extensible Selector:
             <ul>
                 <li wicket:id="list">
                     <input type="checkbox" wicket:id="check"/><wicket:label for="check"/>
                 </li>
             </ul>
             <input type="checkbox" wicket:id="extensibleSelector"/> select all
             <input type="submit" value="add a choice" wicket:id="addChoice"/>
             <input type="submit" value="remove a choice" wicket:id="removeChoice"/>
         </form>
       </p>  
    </wicket:extend>
</body>
</html>