PHPackages                             keiwen/enhanced-check - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. keiwen/enhanced-check

ActiveComponent

keiwen/enhanced-check
=====================

Enhance checkboxes and radio buttons design

2.1(9y ago)1141JavaScript

Since Mar 14Pushed 8y ago1 watchersCompare

[ Source](https://github.com/Keiwen/enhancedCheck)[ Packagist](https://packagist.org/packages/keiwen/enhanced-check)[ RSS](/packages/keiwen-enhanced-check/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (3)DependenciesVersions (2)Used By (0)

enhancedCheck
=============

[](#enhancedcheck)

**Require Bootstrap >= 3.0.0**

*Known issue about angular disabled style*

[Demo ](https://keiwen.github.io/enhancedCheck/)

Components
----------

[](#components)

### Basic

[](#basic)

Enhance checkboxes and radio buttons design. Just put input and label (**label after input**) in a div with desired class

- enhancedCheck: base class:
- enhancedCheck-inline: display inputs inline if they are nested into not-inline div
- enhancedCheck-\[primary|success|danger|warning\]: change base color to \[blue|green|red|orange\]
- enhancedCheck-combine: alternate design for checkboxes, aiming at grouping values
- enhancedCheck-animate: color change slowly on select/unselect

### Toggle

[](#toggle)

Also provide toggles/checkboxes. Just provide "enhancedCheck-toggle" class on input, and you can configure data attributes. **Toggle require jQuery!**

- data-on: label for toggle checked
- data-off: label for toggle unchecked
- data-onstyle: bootstrap class for checked label (success/warning/danger/...)
- data-offstyle: bootstrap class for unchecked label (success/warning/danger/...)
- data-style: toggle border style ("squarred", "rounded", empty is default (medium))

If you need angular 1 support, include directive file and use 'ui.enhancedCheck' module in your app. Obviously **require angular** in that case. You can add ngModel (required), ngDisabled and ngChange on your input tag.

Preview
-------

[](#preview)

*See index.html or following sample*[![alt tag](https://raw.githubusercontent.com/Keiwen/enhancedCheck/master/demo/enhancedCheck.png)](https://raw.githubusercontent.com/Keiwen/enhancedCheck/master/demo/enhancedCheck.png)

Samples
-------

[](#samples)

Typical HTML sample:

```

  Checkbox

```

Or:

```

  Radio one

  Radio two

```

Toggle with angular:

```

```

###  Health Score

28

—

LowBetter than 54% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity63

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

3343d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/c76f0aed742f65f8e1fc212e8639cc32643e1e59bfb4cb26dbfded5f672ce946?d=identicon)[keiwen](/maintainers/keiwen)

---

Top Contributors

[![Keiwen](https://avatars.githubusercontent.com/u/20301099?v=4)](https://github.com/Keiwen "Keiwen (25 commits)")

### Embed Badge

![Health badge](/badges/keiwen-enhanced-check/health.svg)

```
[![Health](https://phpackages.com/badges/keiwen-enhanced-check/health.svg)](https://phpackages.com/packages/keiwen-enhanced-check)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)