CSSを使用したチェックボックスやJavascriptの画像の使い方は？

Question

それは明らかに非常に単純な質問ですが、私はそのようなことを以前にしたことはありません。私のデザイナーは、チェックボックスにはthis (it is on left side. Checked ones are grey and other white)のようなものがほしいと思う。これに関する助けをいただければ幸いです。

Answer 1

一つのアイデアは、背景画像（空のボックス）でスパンを使用して、関連するチェックボックスを非表示、およびにはclickHandlerを割り当てることですspan（onclick：関連する隠しチェックボックスのチェック属性を変更し、それに応じて背景画像を変更する）。

は、ここでは、このリンクStyling Checkboxes and Radio Buttons With CSS and JavaScriptを試してみてくださいその

Answer 2

私はjQuery UIを使用しています。例はここにある：http://jqueryui.com/demos/button/#checkbox

、いくつかのサンプルコード：

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

Answer 3

のan exampleです。 jQuery UIは使用しません。ここで

Answer 4

私は視覚効果のこの小さな作品のために、自分のサイトに「jQueryのUIを」使用していないこと

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