点击单选框就直接激活链接的实现代码
html head !--第一步：把如下代码加入到“head”区域中-- script function go(HrefName) { window.location.href = HrefName; } /script /head body !--第二步：把如下代码加入到“body”区域中-- form name="form" div ali
<html>
<head>
<!--第一步：把如下代码加入到“head”区域中-->
<script>
function go(HrefName) {
window.location.href = HrefName;
}
</script>
</head>
<body>
<!--第二步：把如下代码加入到“body”区域中-->
<form name="form">
<div align="center">
<input type="radio" name="HrefName" onClick="go('http://www.webjx.com/htmldata/sort/3.html');">
选中即激发了超链接<br>
<input type="radio" name="HrefName" onClick="go('http://www.webjx.com/htmldata/sort/1.html');">
选中即激发了超链接<br>
<input type="radio" name="HrefName" onClick="go('http://www.webjx.com/htmldata/sort/5.html');">
选中即激发了超链接<br>
</div>
</form>
</body>
</html>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
<head>
<!--第一步：把如下代码加入到“head”区域中-->
<script>
function go(HrefName) {
window.location.href = HrefName;
}
</script>
</head>
<body>
<!--第二步：把如下代码加入到“body”区域中-->
<form name="form">
<div align="center">
<input type="radio" name="HrefName" onClick="go('http://www.webjx.com/htmldata/sort/3.html');">
选中即激发了超链接<br>
<input type="radio" name="HrefName" onClick="go('http://www.webjx.com/htmldata/sort/1.html');">
选中即激发了超链接<br>
<input type="radio" name="HrefName" onClick="go('http://www.webjx.com/htmldata/sort/5.html');">
选中即激发了超链接<br>
</div>
</form>
</body>
</html>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
- 上一篇：网页设计引入CSS样式的五种方式
- 下一篇：模仿AS效果的导航菜单
精彩图集
精彩文章