quarta-feira, março 02, 2011

Mudar texto/label Checkbox

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


Todas funcionaram nos principais browsers.

Fonte: http://www.tek-tips.com/viewthread.cfm?qid=1148625&page=1

Abraços

Nenhum comentário: