ausblenden und sichtbar machen

[Herbert1204]

Hallo
Ich habe hier eine Seite mit einem Skript.
Auf der Seite befinden sich zwei Tabellen. Eine Tabelle ist ausgeblendet und die andere ist sichtbar.  Auf der sichtbaren Tabelle befindet sich ein Button. Durch Anklicken des Buttons wird die sichtbare Tabelle ausgeblendet und die andere sichtbar.
So weit so gut.
Nun soll durch Anklicken des Buttons die Ansicht nur geändert werden, wenn zuvor den Geschäftsbedingungen zugestimmt wurden.
Kann mir jemand dabei helfen?

<script language="JavaScript">
function TabellenIt(t) {
     v = t.id;
        if(v == '') {
            document.getElementById('Tabelle_1').style.display = 'inline';
            document.getElementById('Tabelle_2').style.display = 'none';
        }  else {
            document.getElementById('Tabelle_1').style.display = 'none';
            document.getElementById('Tabelle_2').style.display = 'inline';
        }
    }
</script>

<form>

<table border="1" id="Tabelle_2">
    <tr>
        <td width="964">
<input type="checkbox" name="Nutzungsbedingungen"><font face="Arial"><span style="font-size:11pt;">Ich stimme den <a href="http://">Nutzungsbedingungen</a> zu.</span></font><p>
<input type="button" value="zustimmen" onclick="TabellenIt(this);" style="font-size:large;">
            <p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>&nbsp;</p>
        </td>
    </tr>
</table>

<table border="1" width="964" id="Tabelle_1" style="display:none;">
    <tr>
        <td>
    <font face="arial"><span style="font-size:20pt;">Den Nutzungsbedingungen wurde zugestimmt.</span></font>
            <p>&nbsp;</p>
        </td>
    </tr>
</table>

</form>