Ajax ＋ Javascript – At. 慶 Technology

Google先生に聞いてみると、皆さんとても複雑難解なソースを書いているようです。
こんなにシンプルにできるのに…

●名入れ(315円)&lt;input type="checkbox" onClick="a1.display=(this.checked?'':'none')"&gt;&lt;/br&gt;
&lt;div id="area1" style="display:none"&gt;
    名入れ名&lt;input type="text" name="" value=""&gt;
&lt;/div&gt;
&lt;br&gt;

●ギフト梱包(無料)&lt;input type="checkbox" onClick="a2.display=(this.checked?'':'none')"&gt;&lt;/br&gt;
&lt;div id="area2" style="display:none"&gt;
    ギフトの種類&lt;select&gt;&lt;option&gt;1&lt;/option&gt;&lt;option&gt;2&lt;/option&gt;&lt;option&gt;3&lt;/option&gt;&lt;select&gt;&lt;br&gt;
    ギフトメッセージ&lt;input type="text" name="" value=""&gt;&lt;br&gt;
    ※全角48文字まで入力可能&lt;br&gt;
&lt;/div&gt;
&lt;br&gt;

●のし&lt;input type="checkbox" onClick="a3.display=(this.checked?'':'none')"&gt;&lt;/br&gt;
&lt;div id="area3" style="display:none"&gt;
    のしの種類&lt;select&gt;&lt;option&gt;1&lt;/option&gt;&lt;option&gt;2&lt;/option&gt;&lt;option&gt;3&lt;/option&gt;&lt;select&gt;&lt;br&gt;
    ギフトメッセージ&lt;input type="text" name="" value=""&gt;&lt;br&gt;
    ※全角10文字まで入力可能&lt;br&gt;
&lt;/div&gt;

&lt;script language="javascript"&gt;
a1=document.getElementById('area1').style
a2=document.getElementById('area2').style
a3=document.getElementById('area3').style
&lt;/script&gt;

≪実働サンプル≫

名入れ(315円)

ギフト梱包(無料)

のし

タグ: Ajax ＋ Javascript

別窓を開く

チェックボックスで折りたたみ