javascript實現(xiàn)點擊單選按鈕鏈接轉(zhuǎn)向?qū)?yīng)網(wǎng)址的方法
本文實例講述了javascript實現(xiàn)點擊單選按鈕鏈接轉(zhuǎn)向?qū)?yīng)網(wǎng)址的方法。分享給大家供大家參考。具體如下:
這里實現(xiàn)一個按鈕特效,當點擊復(fù)選擇框按鈕的時候,激活鏈接,跳轉(zhuǎn)到某網(wǎng)址,這里主要是由onClick派生出來的一些功能,然后配合函數(shù)你可以編寫出更多的按鈕特效來。
運行效果截圖如下:

具體代碼如下:
<html>
<head>
<title>點擊文本框激活鏈接轉(zhuǎn)向某網(wǎng)址</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程序設(shè)計有所幫助。
相關(guān)文章
JavaScript數(shù)組排序reverse()和sort()方法詳解
這篇文章主要介紹了JavaScript數(shù)組排序reverse()和sort()方法詳解,需要的朋友可以參考下2017-12-12
bootstrapValidator.min.js表單驗證插件
這篇文章主要為大家詳細介紹了bootstrapValidator.min.js表單驗證插件的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02
JavaScript使用shift方法移除素組第一個元素實例分析
這篇文章主要介紹了JavaScript使用shift方法移除素組第一個元素的用法,實例分析了javascript中shift方法的使用技巧,需要的朋友可以參考下2015-04-04
JavaScript算法系列之快速排序(Quicksort)算法實例詳解
這篇文章主要介紹了JavaScript算法系列之快速排序(Quicksort)算法實例詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09
使用typescript+webpack構(gòu)建一個js庫的示例詳解
這篇文章主要介紹了typescript+webpack構(gòu)建一個js庫,本文主要記錄使用typescript配合webpack打包一個javascript library的配置過程,需要的朋友可以參考下2022-07-07

