javascript實現(xiàn)點擊單選按鈕鏈接轉向對應網址的方法
更新時間：2015年08月12日 11:31:25 作者：企鵝
這篇文章主要介紹了javascript實現(xiàn)點擊單選按鈕鏈接轉向對應網址的方法,涉及javascript鼠標事件及頁面跳轉的相關技巧,簡單實用,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了javascript實現(xiàn)點擊單選按鈕鏈接轉向對應網址的方法。分享給大家供大家參考。具體如下：
這里實現(xiàn)一個按鈕特效，當點擊復選擇框按鈕的時候，激活鏈接，跳轉到某網址，這里主要是由onClick派生出來的一些功能，然后配合函數(shù)你可以編寫出更多的按鈕特效來。
運行效果截圖如下：
具體代碼如下：
<html>
<head>
<title>點擊文本框激活鏈接轉向某網址</title>
<SCRIPT>
function go(loc) {
window.location.href = loc;
}
</script>
</head>
<body>
<form name="form">
<div align="center">
<input type="radio" name="loc" onClick="go('http://www.baidu.com');">
百度搜索<br>
<input type="radio" name="loc" onClick="go('http://www.dbjr.com.cn');">
腳本之家<br>
<input type="radio" name="loc" onClick="go('http://www.qq.com');">
騰訊QQ<br>
</div>
</form>
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
這篇文章主要為大家介紹了JavaScript BOM構成和常用事件，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
JavaScript數(shù)組排序reverse()和sort()方法詳解
這篇文章主要介紹了JavaScript數(shù)組排序reverse()和sort()方法詳解,需要的朋友可以參考下2017-12-12
下面小編就為大家分享一篇用JS實現(xiàn)非首屏圖片延遲加載的示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了Javascript中的幾種URL編碼方法比較,本文對比了escape()、encodeURI()以及encodeURIComponent()這3種URL編碼方法,需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細介紹了js實現(xiàn)圖片加載淡入淡出效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
bootstrapValidator.min.js表單驗證插件
這篇文章主要為大家詳細介紹了bootstrapValidator.min.js表單驗證插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
JavaScript使用shift方法移除素組第一個元素實例分析
這篇文章主要介紹了JavaScript使用shift方法移除素組第一個元素的用法,實例分析了javascript中shift方法的使用技巧,需要的朋友可以參考下2015-04-04
JavaScript算法系列之快速排序（Quicksort）算法實例詳解
這篇文章主要介紹了JavaScript算法系列之快速排序（Quicksort）算法實例詳解的相關資料,需要的朋友可以參考下2016-09-09
這篇文章主要為大家詳細介紹了Openlayers顯示瓦片網格信息，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
使用typescript+webpack構建一個js庫的示例詳解
這篇文章主要介紹了typescript+webpack構建一個js庫,本文主要記錄使用typescript配合webpack打包一個javascript library的配置過程，需要的朋友可以參考下2022-07-07