check box changing font decoration

[kestrel]

i have this

<pre>
I)   stuff
<label>       stuff    <input type="checkbox" name="1" /></label>
<label>       stuff    <input type="checkbox" name="2" /></label>
II)  stuff
<label>       stuff    <input type="checkbox" name="3" /></label>
<label>       stuff    <input type="checkbox" name="4" /></label>
III) stuff
<label>       stuff    <input type="checkbox" name="5" /></label>
<label>       stuff    <input type="checkbox" name="6" /></label>
</pre>
 

and i want a <s> tag to be added to each line if the check box is checked at the end of each like
how would i accomplish this?

thanks

[acoder]

What's an <s> tag?

To change anything in the DOM, you will need to set an id to your elements.

Also, if you are using <pre> tags, the checkboxes will not display.

[kestrel]

they displayed for me, im not too worried about validation or anything, just something quick
basically i want the text to the left of the checkbox to change to style="text-decoration:line-through" when the check box is checked

[iam_clint]

<pre>
I)   stuff
<label id="l1">      stuff    </label><input type="checkbox" name="1" onclick="if (this.checked) { document.getElementById('l1').innerHTML = '<s>' + document.getElementById('l1').innerHTML + '</s>'; } else { var tmp=document.getElementById('l1').innerHTML; tmp = tmp.replace(/<s>/gi, ''); tmp = tmp.replace(/<\/s>/gi, ''); document.getElementById('l1').innerHTML = tmp; }">
<label id="l2">       stuff    </label><input type="checkbox" onclick="if (this.checked) { document.getElementById('l2').innerHTML = '<s>' + document.getElementById('l2').innerHTML + '</s>'; } else { var tmp=document.getElementById('l2').innerHTML; tmp = tmp.replace(/<s>/gi, ''); tmp = tmp.replace(/<\/s>/gi, ''); document.getElementById('l2').innerHTML = tmp; }" name="2" />
II)  stuff
<label id="l3">       stuff    </label><input type="checkbox" onclick="if (this.checked) { document.getElementById('l3').innerHTML = '<s>' + document.getElementById('l3').innerHTML + '</s>'; } else { var tmp=document.getElementById('l3').innerHTML; tmp = tmp.replace(/<s>/gi, ''); tmp = tmp.replace(/<\/s>/gi, ''); document.getElementById('l3').innerHTML = tmp; }" name="3" />
<label id="l4">       stuff    </label><input type="checkbox" onclick="if (this.checked) { document.getElementById('l4').innerHTML = '<s>' + document.getElementById('l4').innerHTML + '</s>'; } else { var tmp=document.getElementById('l4').innerHTML; tmp = tmp.replace(/<s>/gi, ''); tmp = tmp.replace(/<\/s>/gi, ''); document.getElementById('l4').innerHTML = tmp; }" name="4" />
III) stuff
<label id="l5">       stuff    </label><input type="checkbox" onclick="if (this.checked) { document.getElementById('l5').innerHTML = '<s>' + document.getElementById('l5').innerHTML + '</s>'; } else { var tmp=document.getElementById('l5').innerHTML; tmp = tmp.replace(/<s>/gi, ''); tmp = tmp.replace(/<\/s>/gi, ''); document.getElementById('l5').innerHTML = tmp; }" name="5" />
<label id="l6">       stuff   </label> <input type="checkbox" onclick="if (this.checked) { document.getElementById('l6').innerHTML = '<s>' + document.getElementById('l6').innerHTML + '</s>'; } else { var tmp=document.getElementById('l6').innerHTML; tmp = tmp.replace(/<s>/gi, ''); tmp = tmp.replace(/<\/s>/gi, ''); document.getElementById('l6').innerHTML = tmp; }" name="6" />
</pre>
 

this code is lame but i'm tired

thats 1 very messy way to do it

[acoder]

To change anything in the DOM, you will need to set an id to your elements.

Actually, to correct myself, you can use getElementsByTagName() to get all elements with the specified tag name.

[kestrel]

thanks alot!
works perfectly
you're the man