コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > バックエンド開発 > PHPチュートリアル > この効果を達成する方法

この効果を達成する方法

WBOY
リリース： 2016-06-13 13:27:11
オリジナル
921 人が閲覧しました

この効果を実現する方法
たとえば、上部に水平に配置された一連のラジオ ボタンがあり、その下にはフォームが含まれる 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>
ログイン後にコピー
関連ラベル：
gt html lt quot
ソース：php.cn
前の記事：PHPページをPDFに変換して電子メールで送信するソリューション 次の記事：ローカルの PHP 仮想環境でセッション時間を変更する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1429
PX から REM への自動変換エラー <style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...
から 2024-04-16 09:34:16
0
0
4687
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
Reactのsortメソッドでレンダリング(フィルターとページネーションを使用)をトリガーするにはどうすればよいですか? これが私の Sort.js スタイル コンポーネントです: <SortWrapper><SortText>SortBy</SortText>&l...
から 2024-04-06 21:28:37
0
1
2257
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート