Easy jQuery Select List Enhancement Plugin - asChoice

Easy jQuery Select List Enhancement Plugin - asChoice
File Size: 217 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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.