This library lets you quickly and easily make multiple checkboxes behave as a group by limiting the total number of boxes that can be checked and/or have a master control checkbox.
- var dayGroup = new CheckBoxGroup();
- dayGroup.addToGroup("day[]");
- dayGroup.setControlBox("alldays");
- dayGroup.setMasterBehavior("all");
var dayGroup = new CheckBoxGroup(); dayGroup.addToGroup("day[]"); dayGroup.setControlBox("alldays"); dayGroup.setMasterBehavior("all");
- <form>
- <input name="alldays" value="ALL" onclick="dayGroup.check(this)" type="checkbox" />
- All<br> <input name="day[]" value="Monday" onclick="dayGroup.check(this)" type="checkbox" />
- Monday<br> <input name="day[]" value="Tuesday" onclick="dayGroup.check(this)" type="checkbox" />
- Tuesday<br> <input name="day[]" value="Wednesday" onclick="dayGroup.check(this)" type="checkbox" />
- Wednesday<br> <input name="day[]" value="Thursday" onclick="dayGroup.check(this)" type="checkbox" />
- Thursday<br> <input name="day[]" value="Friday" onclick="dayGroup.check(this)" type="checkbox" />
- Friday<br> <input name="day[]" value="Saturday" onclick="dayGroup.check(this)" type="checkbox" />
- Saturday<br> <input name="day[]" value="Sunday" onclick="dayGroup.check(this)" type="checkbox" />
- Sunday<br>
- </form>
<form> <input name="alldays" value="ALL" οnclick="dayGroup.check(this)" type="checkbox" /> All<br> <input name="day[]" value="Monday" οnclick="dayGroup.check(this)" type="checkbox" /> Monday<br> <input name="day[]" value="Tuesday" οnclick="dayGroup.check(this)" type="checkbox" /> Tuesday<br> <input name="day[]" value="Wednesday" οnclick="dayGroup.check(this)" type="checkbox" /> Wednesday<br> <input name="day[]" value="Thursday" οnclick="dayGroup.check(this)" type="checkbox" /> Thursday<br> <input name="day[]" value="Friday" οnclick="dayGroup.check(this)" type="checkbox" /> Friday<br> <input name="day[]" value="Saturday" οnclick="dayGroup.check(this)" type="checkbox" /> Saturday<br> <input name="day[]" value="Sunday" οnclick="dayGroup.check(this)" type="checkbox" /> Sunday<br> </form>
转载于:https://blog.51cto.com/kebin/514067