负载上的按钮不同的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页面点击

回答

相关问题