Question

我有一些文本框上有一些javascript onlick，它们工作正常。我想要做的是在页面加载时第一次运行那些（toggleColumn）函数，以产生与页面加载后按下的复选框相同的效果...谢谢：

       <c:if test="${columnA == 'MWS' || columnB == 'MWS'}">
    <td class="right" style="padding-left: 20px;">MWS</td><td><input type="checkbox" name="hider" value="initial" checked="checked" onclick="javascript:toggleColumn('initialCol');"/></td>
    </c:if>

    <c:if test="${columnA == 'SMC Unfunded' || columnB == 'SMC Unfunded'}">
    <td class="right" style="padding-left: 20px;">SMC/ELMP&nbsp;Unfunded</td><td><input type="checkbox" name="hider" value="initial" checked="checked" onclick="javascript:toggleColumn('smcUnfundedCol');"/></td>
    </c:if>

    <c:if test="${columnA == 'SMC Funded' || columnB == 'SMC Funded'}">
    <td class="right" style="padding-left: 20px;">SMC/ELMP&nbsp;Funded</td><td><input type="checkbox" name="hider" value="initial" checked="checked" onclick="javascript:toggleColumn('smcFundedCol');"/></td>
    </c:if>

    <c:if test="${columnA == 'MMC' || columnB == 'MMC'}">
    <td class="right" style="padding-left: 20px;">MMC</td><td><input type="checkbox" name="hider" value="initial" checked="checked" onclick="javascript:toggleColumn('targetCol');"/></td>
    </c:if>

    <c:if test="${columnA == 'Current Scenario' || columnB == 'Current Scenario'}">
    <td class="right" style="padding-left: 20px;">Current Scenario</td><td><input type="checkbox" name="hider" value="initial" checked="checked" onclick="javascript:toggleColumn('currentCol');"/></td>
    </c:if>

Answer 1

在html文档的部分中创建一个函数

<script language="text/javascript">
    function toggleAll(){
        toggleColumn('initialCol');
        toggleColumn('smcUnfundedCol');
        etc...
    }
</script>

在HTML的正文标记中，您可以调用函数：

<body onload="toggleAll()">

Answer 2

您可以使用正文部分中的onLoad调用这些函数。

<body onLoad="javascript:toggleColumn('initialCol');">
</body>

文本框Javascript的Onload

2 个答案: