how to change style text after checked a checkbox

Question

I would like to change the style of the text inside the

<input type="checkbox" /> Origano

to make "Origano" with style text-decoration:line-through after an user checked the box

Answer 1

One way in recent browsers;

.selection_checkbox:checked + .selection_label {
 text-decoration:line-through;
}

<input id="oregano" type="checkbox" class="selection_checkbox" /> 
<label for="oregano" class="selection_label">Oregano</label>

http://jsfiddle.net/alexk/NR2Rr/

Answer 2

您可以将其添加到您的css文件

input[type="checkbox"][checked]{text-decoration:line-through}