Gostei destes scripts e resolvi postá-los depois que resolveram meu problema.
Ao clicar em um checkbox, muda a mensagem do label:
Primeira opção:
<html>
<head>
<script type="text/javascript">
function changeLabel(bool) {
document.getElementById("myLabel").innerHTML = (bool) ? "Checked" : "Not Checked";}
</script>
</head>
<body>
<input type="checkbox" id="myCheckbox" onclick="changeLabel(this.checked)">
<label for="myCheckbox" id="myLabel">Not Checked</label>
</body>
</html>
Segunda opção (menor):
<script>
function changeLabel(ele) {
ele.nextSibling.nodeValue = ele.checked?'on':'off';
}
</script>
<input type='checkbox' id='chkTest' onclick='changeLabel(this)'>off
function changeLabel(ele) {
ele.nextSibling.nodeValue = ele.checked?'on':'off';
}
</script>
<input type='checkbox' id='chkTest' onclick='changeLabel(this)'>off
Todas funcionaram nos principais browsers.
Fonte: http://www.tek-tips.com/viewthread.cfm?qid=1148625&page=1
Abraços
Comentários