負載上的按鈕不同的HTML頁面點擊

-1

我想在按鈕加載不同的HTML頁面點擊這是我的主網頁代碼負載上的按鈕不同的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頁面。我該怎麼做？謝謝

來源

2013-07-05 user2460718

爲什麼要加載不同的HTML頁面的用戶？看起來你只是想在內容區域加載不同的信息。你能提供你想要達到的更多細節嗎？ – Mutant

@Mutant這聽起來像一個動態頁面加載，可能會用於AJAX查詢，不是嗎？ – bbill

嗨突變，你是對的，對不起！我想加載動態頁面 – user2460718

使用每個按鈕的onclick事件來調用js函數。

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

你可以在一個字符串或東西發送到函數，以確定哪個按鈕被點擊。您調用可以使用window.location

來源

2013-07-05 18:38:38 taylorc93

**每個按鈕的onclick事件** - 這是不好的建議..'''''onclick'的更好的兄弟是jQuery的'on'。如果他有很多按鈕怎麼辦？ – krishgopinath

現在，你有值重定向到一個不同的HTML頁面的功能，您可以添加邏輯，例如：

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

這聽起來像你想改變一些頁面，這是一個簡單的jQuery功能上的內容：

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

上功能更多信息：http://api.jquery.com/replaceWith/

小號o完整的例子會是這樣的：

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

或任何你想象的。

來源

2013-07-05 18:38:58 bbill

您可以使用window.location。假設輸入/錨點/按鈕有上下文來創建所需的url。

window.location = 'http://your.url.com'

來源

2013-07-05 18:39:28 ArrayKnight

您可以使用AJAX將新的HTML加載到您的頁面中。您可以擁有一組HTML頁面並將其加載到您的頁面中。

來源

2013-07-05 18:41:23 user1588572

您可以使用jQuery模板插件或jQuery和HttpHandler的

來源

2013-07-05 18:41:40 ZSH

得到的HTML得到的單選按鈕的值，你需要有一個value屬性。

http://jsfiddle.net/TpmTt/

然後，您可以檢查和重定向使用window.location, window.navigate

來源

2013-07-05 18:42:58 Karo

負載上的按鈕不同的HTML頁面點擊

回答

相關問題