0

ボタンクリックで別のhtmlページをロードしたい ここに私のメインページコードがあります

<body>

<div id="header">    
<div id="radio">
  <input type="radio" id="navmenu1" name="radio"><label for="navmenu1">Home</label>
  <input type="radio" id="navmenu2" name="radio"><label for="navmenu2">Contact</label>
  <input type="radio" id="navmenu3" name="radio"><label for="navmenu3">Resume</label>
</div>

</div><!--head-->

<div id="content-area">
<div id="content"></div>    
</div>

<div id="footer-row">
  <footer>
     <div id="footer-row-1">
        <ul id="footer">
            <li>&copy 2013 by Han Chang</li>
        </ul>
    </div>
    <div id="footer-row-2">        
    </div>
</footer>
</div>

</body>

以下の私のhome.jsコード

$(function () {
$("#radio").buttonset();   
$("#radio :radio").click(function (e) {
    var $val = $("#" + $(this).attr("for")).val();
    alert($val);
});

どのボタンを選択したかを知りたいので、その html ページを読み込みます。これどうやってするの ？ありがとうございました

4

6 に答える 6

1

window.location を使用できます。入力/アンカー/ボタンに、目的の URL を作成するためのコンテキストがあると仮定します。

window.location = 'http://your.url.com'
于 2013-07-05T18:39:28.640 に答える
0

各ボタンのイベントを使用しonclickて js 関数を呼び出します。

<input type="radio" id="navmenu1" name="radio" onclick="someFunction()"><label for="navmenu1">Home</label>

その関数に文字列または何かを送信して、どのボタンがクリックされたかを判断できます。呼び出す関数は、次を使用して別の html ページにリダイレクトできます。window.location

于 2013-07-05T18:38:38.870 に答える
0

値を取得したので、次のようなロジックを追加できます。

if (val === "Option 1") {
    // Action here
}

ページの一部のコンテンツを変更したいようですが、これは単純な JQuery 関数です。

$("body").replaceWith(//HTML here);

その機能の詳細: http://api.jquery.com/replaceWith/

したがって、完全な例は次のようになります。

if (val === "Option 1") {
    $("body).replaceWith("<body><h2>Option 1</h2></body>");
}

またはあなたが好きなもの。

于 2013-07-05T18:38:58.403 に答える