0 
<tr>
        <td><form:checkbox path="ftpScanEvents" id="chk" onclick="showMe('div1',this);"/>
            <input type="hidden" value="1" name="_ftpScanEvents"/>
            FTP Scan Events</td>
    </tr>           
    <tr><td colspan="4">
        <table id="div1" style="display:none">
        <tr><td>Host Name</td><td>Directory</td><td>User Name</td><td>Password</td></tr>
        <tr><td><form:input path="hostName" size="30" maxlength="200"/></td>
            <td><form:input path="directory" size="30" maxlength="200"/></td>
            <td><form:input path="userName" size="20" maxlength="20"/></td>
            <td><form:input path="password" size="20" maxlength="20"/></td>
        </tr>
        </table>
        </td></tr>

JavaScript:

function showMe (it, chkbox) {
          var rr = (chkbox.checked) ? "block" : "none";
          document.getElementById(it).style.display = rr;
        }

チェックボックスの選択で非表示/表示できます。しかし、私が必要とするのはページの読み込み時です。

4

1 に答える 1

4

onload イベントが必要です。これを HTML の下部に追加します。

<script type="text/javascript">
    window.onload = function() {
        showMe('div1',document.getElementById('chk'));
    }
</script>
于 2012-09-16T18:56:02.690 に答える