2012-01-24 5 views
0

いくつかのJavaScript onlickがあるテキストボックスがあり、正常に動作します。テキストボックスのオンロードJavascript

 <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> 

答えて

0

あなたはこれらを呼び出すことができます。私はそれらの実行されてやりたい、ページの読み込みがチェックボックスがアップページのロード後に押されているのと同じ効果を生成するとき(toggleColumnの)関数は、最初の時間が...おかげですbodyセクションのonLoadを使用する関数。

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

涼しいおかげで...にbiut試してみてください –

+0

多くのページで使用されているインクルードのため、本文セクションを使用できません –

+0

最良の選択肢は、ページが読み込まれた後に最初に見たいようにサーバー側でコンテンツを生成することです。 – user47900

1

HTMLドキュメントをHTMLのあなたの体のタグで

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

のあなたのセクションに関数を作成し、あなたは関数を呼び出す:

<body onload="toggleAll()"> 
+0

bodyセクションは、多くのページで使用されているインクルードであるため、使用できません。 –

+0

おそらくjqueryを使って、ページが完全にロードされたときに起動する組み込みの$(document).ready関数を使用して調べることができます。 – slapthelownote

関連する問題