Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
jQuery plugin for giving container elements label-like properties
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
demo
LICENSE
README.textile
jquery.labelize.js

README.textile

Labelize

Labelize is a jQuery plugin that lets you give arbitrary container elements <label/>-like properties, and smooth over click/change event compatibility between browsers.

Features

  • Works with any input element (radio buttons, text inputs, etc.)
  • Preserves click() and change() events between browsers
  • Optional: specify onhover class

Demo

http://bentlegen.github.com/labelize/demo

Usage

Simple case

Container div wrapping a checkbox.

<div class="myLabel">
  <input type="checkbox">Enabled
</div>
<script>
  // Clicking anywhere on the "myLabel" div checks/unchecks
  // the contained checkbox
  
  $('.myLabel').labelize();
</script>

With label hover effect

Because IE6 doesn’t support the :hover css command for div elements, Labelize lets you define a hoverClass that is applied on label hover:

<script>
  $('.myLabel').labelize('hoverClass');
</script>

License

MIT License. See LICENSE for more information.

Something went wrong with that request. Please try again.