Bulleted List with multiple class image when clicked

I would like to know how to let user select class image when click Bulleted List button.

Let say, when clicked, Bulleted List will show circle with other list images.

I now only show 1 class image with :

div.templatetext ul li { list-style-image: url(/images/icons/16/tick.png);}