sastgroup.com - Tutorials guide scripts web tool

Grazie a questo semplicissimo script MooTools, sarà possibile filtrare le checkbox digitatndo la parola interessata all'interno di un input!

 
<ul id="my-list">
<li>
<input type="checkbox" id="chkADDRESS" /> <label for="chkADDRESS">ADDRESS</label></li>
<li>
<input type="checkbox" id="chkAPPLET" /> <label for="chkAPPLET">APPLET</label></li>
<li>
<input type="checkbox" id="chkAREA" /> <label for="chkAREA">AREA</label></li>
<li>
<input type="checkbox" id="chkA" /> <label for="chkA">A</label></li>
<li>
<input type="checkbox" id="chkBASE" /> <label for="chkBASE">BASE</label></li>
<li>
<input type="checkbox" id="chkBASEFONT" /> <label for="chkBASEFONT">BASEFONT</label></li>
<li>
<input type="checkbox" id="chkBIG" /> <label for="chkBIG">BIG</label></li>
 
<!-- ... more ... -->
</ul>
 

 
 
/* usage */
window.addEvent('domready',function() {
var myFilter = new ElementFilter('search-term', '#my-list label', {
trigger: 'keyup',
cache: true,
onShow: function(element) {
$(element.get('for')).checked = true;
},
onHide: function(element) {
$(element.get('for')).checked = false;
}
});
});
 

Fonte: http://davidwalsh.name/checkbox-filter