javascript實(shí)現(xiàn)點(diǎn)擊單選按鈕鏈接轉(zhuǎn)向?qū)?yīng)網(wǎng)址的方法
本文實(shí)例講述了javascript實(shí)現(xiàn)點(diǎn)擊單選按鈕鏈接轉(zhuǎn)向?qū)?yīng)網(wǎng)址的方法。分享給大家供大家參考。具體如下:
這里實(shí)現(xiàn)一個按鈕特效,當(dāng)點(diǎn)擊復(fù)選擇框按鈕的時候,激活鏈接,跳轉(zhuǎn)到某網(wǎng)址,這里主要是由onClick派生出來的一些功能,然后配合函數(shù)你可以編寫出更多的按鈕特效來。
運(yùn)行效果截圖如下:
具體代碼如下:
<html> <head> <title>點(diǎn)擊文本框激活鏈接轉(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-12bootstrapValidator.min.js表單驗(yàn)證插件
這篇文章主要為大家詳細(xì)介紹了bootstrapValidator.min.js表單驗(yàn)證插件的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02JavaScript使用shift方法移除素組第一個元素實(shí)例分析
這篇文章主要介紹了JavaScript使用shift方法移除素組第一個元素的用法,實(shí)例分析了javascript中shift方法的使用技巧,需要的朋友可以參考下2015-04-04JavaScript算法系列之快速排序(Quicksort)算法實(shí)例詳解
這篇文章主要介紹了JavaScript算法系列之快速排序(Quicksort)算法實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09使用typescript+webpack構(gòu)建一個js庫的示例詳解
這篇文章主要介紹了typescript+webpack構(gòu)建一個js庫,本文主要記錄使用typescript配合webpack打包一個javascript library的配置過程,需要的朋友可以參考下2022-07-07