Hello, i have this code:
<tr>
<td><br /><input type="text" size="30" name="voittaja" /></td>
<td id="vaihda"><br />Voittajapelaajan nimi.<br /></td>
</tr>
<tr>
<td><br /><input type="text" size="30" name="haviaja" /></td>
<td id="vaihda2"><br />Häviäjäpelaajan nimi.<br /></td>
</tr>
<tr>
<td><br /><input type="checkbox" id="valittu" /><br /></td>
<td><br />Tasapeli?<br /></td>
</tr>
<tr>
<td><br /><input type="text" id="voittajap" size="5" /></td>
<td><br />Voittajapelaajan eräpisteet.</td>
</tr>
<tr>
<td><br /><input type="text" id="haviajap" size="5" /></td>
<td><br />Häviäjäpelaajan eräpisteet.</td>
</tr>
<script type="text/javascript">
document.getElementById('valittu').onchange = function() {
document.getElementById('voittajap').disabled = this.checked;
document.getElementById('haviajap').disabled = this.checked;
document.getElementById('voittajap').value = "1.5";
document.getElementById('haviajap').value = "1.5";
document.getElementById('vaihda').innerHTML = "<br />Pelaajan nimi";
document.getElementById('vaihda2').innerHTML = "<br />Pelaajan nimi";
}
</script>
Well, i'm trying to change input values and some tds, when clicking the checkbox. It works fine, but there is my problem:
when unchecking the checkbox, it don't return back to "default" values. How can i make this work like that? PS: the code might include errors or something(i'm not very good at js).