JavaScriptを使用してチェックボックスの背景を変更する方法

Question

フォームに3つのチェックボックスがあります。私は、チェックボックスをオンにすると、チェックボックスの背景色を変更したいと思います。フォーム上のすべてのチェックボックスに対して1つのスクリプトを書くことは可能ですか？

Answer 1

チェックボックスの背景色を変更すると、ブラウザ間で一貫性が失われます。

this linkを見て、どのように見えるかを確認してください。

背景色を変更して一貫して動作させたい場合は、JavaScriptフォームの拡張機能を調べる方がよい場合があります。

このリンクはいくつか提供しています：25+ jQuery Plugins that enhance and beautify HTML form elementsとGoogleはさらに多くを提供します。

---

EDIT：あなたははjQueryのを使用して、それを回避したいん場合は、チェックボックスの周りの色spanを追加するwrap()とunwrap()を使用することができます。これはチェックボックス自体の背景を変更することはありませんが、信頼できる方法でいくつかの視覚的なフィードバックを提供します。

$('input[type=checkbox]').click(function() { 
    $(this).unwrap().filter(":checked").wrap("<span class='selected'>"); 
}); 

WORKING DEMO

Answer 2

これは事jQueryの種類を行うように設計され、正確です。

Answer 3

ASP.NETマークアップ：jQueryのを使用して

<asp:CheckBox runat="server" ID="checkBox" /> 

：

$('#checkBox') // select by id 
    .css('backgroundColor', value); // set value 

Answer 4

ではなく、クロスブラウザ（などの問題がありますされ、チェックボックスの背景を変更するCSS/Javascriptを使用して@町は指摘しました）ASP.NET Ajax Control Toolkitの "Toggle Button"コントロールの使用をお勧めします。チェックしたチェックボックスの画像を使用します（必要に応じて印刷画面またはデザインされた画像）。同じ画像がチェックされていません。

http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/ToggleButton/ToggleButton.aspx

あなたはASP.NETのCheckBoxのすべての通常の機能を持っているでしょうので、この制御は、こんにちは