この効果を達成する方法-PHPチュートリアル-php.cn

この効果を達成する方法

WBOY

リリース： 2016-06-13 13:27:11

オリジナル

890 人が閲覧しました

この効果を実現する方法
たとえば、上部に水平に配置された一連のラジオボタンがあり、その下にはフォームが含まれる div レイヤーがあります。
最初にこのページを開いたとき、ラジオボタンが選択されておらず、レイヤー内のフォームが灰色になってクリックできませんでした。
次にラジオを選択すると、ページを更新せずにレイヤー内のさまざまなフォームが表示されます。アクティブにするだけです。

それを達成するにはどうすればよいですか?

-----解決策---------
changeForm.html

HTML コード


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>チェック</title>
</head>


<スクリプト>
        関数changeForm(param){
            document.getElementById("ifr").src = パラメータ;
        }
</スクリプト>
<div>
    <label><input type="radio" name="check" onclick="changeForm('form1.html')" />form1</label>
    <label><input type="radio" name="check" onclick="changeForm('form2.html')" />form2</label>
    <label><input type="radio" name="check" onclick="changeForm('form3.html')" />form3</label><br />
    <iframe id="ifr" name="ifr" src=""frameborder="0"scrolling="no" style="border:0"></iframe>
</div>
</ボディ>
</html>
<br><font color="#e78608">------解決策---------</font><br>決定的な Ajax: <br>リファレンス;<br> http://topic.csdn.net/u/20120513/19/6133363b-ea5a-4b36-b719-b0e8483a15e1.html<br>http://topic.csdn.net/u/20120516/09/dd9c19b5-bbf3 - 4f1f-bdbb-d58ade236f5f.html <div class="clear"></div>

ログイン後にコピー