Easy jQuery Select List Enhancement Plugin - asChoice

asChoice is an easy jQuery plugin that turns the standard select list into other selectable elements like grouped buttons, labels and inline elements. The plugin is 

How to use it:

1. Add the jQuery library and jQuery asChoice plugin's Javascript and CSS in the document.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="css/asChoice.css">
<script src="src/jquery-asChoice.js"></script>

2. Built on select tag with multiple selected.

<select class="select" multiple="multiple">
  <option value ="default" selected="selected">default</option>
  <option value ="on">on</option>
  <option value="off">off</option>
</select>
<script type="text/javascript">
  $('.select').asChoice();
</script>

3. Built on select tag with single selected.

<select class="select-radio">
  <option value ="default" selected="selected">default</option>
  <option value ="on" selected="selected">on</option>
  <option value="off">off</option>
</select>
<script type="text/javascript">
  $('.select-radio').asChoice();
</script>

4. Built on DIV tag.

<div class="blank"></div>
<script type="text/javascript">
$('.blank').asChoice({
  status: {
    a: {
      text: 'on',
    },
    b: {
      text: 'off',
    },
    c: {
     text: 'default',
    }
  }
});
</script> 

5. All default options.

namespace: 'asChoice',
skin: null,

multiple: false,
value: ['default']

Change log:

2017-09-12

• v0.3.2

2016-09-02

• ES5 --> ES6

2014-09-06

• update trigger arguments

2014-09-05

• update

---

This awesome jQuery plugin is developed by amazingSurge. For more Advanced Usages, please check the demo page or visit the official website.