Javascript to change check box background color on click

Question

I have a fiddle for this which is working for Input check boxes the same i would like to have for asp check boxes how can i http://jsfiddle.net/Town/B2n2J/

Munesh Sharma · Answer

http://jsfiddle.net/7wnCL/20/

Munesh Sharma · Answer

Add 'this' to the calling function: name="checkbox_{{ word.id }}" onclick="highlight_row('row_{{ forloop.counter }}',this)" /> Now you can use the checked state of the chechbox to determine what to do: function highlight_row(row_id,checkbox) { var row = document.getElementById(row_id); row.style.background = checkbox.checked ? "yellow" : ""; }

Gagan Verma · Answer

hello mahak,,it is giving me 404 not fount error when i try to download checkbox.rar file.

Suthish Nair · Answer

Instead of using onclick use onchange and try.. Or on Page Load chkExit.Attributes.Add("onchange", " Show()");

Vivekh · Answer

Hi but if i use asp control this doesn't work for me this is what i have written function Show() { document.getElementById('chkExit').style.backgroundColor = 'Blue'; } onclick="Show();" AutoPostBack="True" OnCheckedChanged="chkExit_CheckedChanged" />

Mahak Gupta · Answer

First we take a CheckBox( chk1) On the onclick event of the chk1 we write the following javascript function (Show()), to change the color of the chk1 background Javascript function: function Show() { document.getElementById('chk1').style.backgroundColor = 'Blue'; }

Javascript to change check box background color on click

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (6)