Как использовать изображения для флажков с использованием CSS или может быть JavaScript?

Question

Это, очевидно, очень простой вопрос, но я никогда раньше такого не делал.Мой дизайнер хочет что-то подобное для флажков (они слева, отмеченные серым и другим белым).

Answer 1

Одна из идей состоит в том, чтобы использовать диапазон с background-image (пустое поле), скрыть связанный флажок и назначить обработчик клика для диапазона (onclick: изменить отмеченный атрибут соответствующего скрытого флажка, изменить фоновое изображение диапазонасоответственно).

Вот пример этого

Answer 2

Пожалуйста, попробуйте эту ссылку Флажки для стилизации и радио-кнопки с CSS и JavaScript . Он не использует jQuery UI.

Answer 3

Для такого рода вещей я использую jQuery UI.Пример здесь: http://jqueryui.com/demos/button/#checkbox

и пример кода:

<script>
$(function() {
    $( "#check" ).button();
    $( "#format" ).buttonset();
});
</script>

Answer 4

Вот скрипт jQuery для этого

http://blog.nerdattack.com.my/2009/09/beautiful-checkboxes-combo-boxes-with.html