javascript實現(xiàn)點擊單選按鈕鏈接轉(zhuǎn)向?qū)?yīng)網(wǎng)址的方法
更新時間：2015年08月12日 11:31:25 作者：企鵝
這篇文章主要介紹了javascript實現(xiàn)點擊單選按鈕鏈接轉(zhuǎn)向?qū)?yīng)網(wǎng)址的方法,涉及javascript鼠標(biāo)事件及頁面跳轉(zhuǎn)的相關(guān)技巧,簡單實用,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了javascript實現(xiàn)點擊單選按鈕鏈接轉(zhuǎn)向?qū)?yīng)網(wǎng)址的方法。分享給大家供大家參考。具體如下：
這里實現(xiàn)一個按鈕特效，當(dāng)點擊復(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://m.fzitv.net');">
腳本之家<br>
<input type="radio" name="loc" onClick="go('http://www.qq.com');">
騰訊QQ<br>
</div>
</form>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
數(shù)組是Javascript最常見的概念之一，它為我們提供了處理數(shù)據(jù)的許多可能性，熟悉數(shù)組的一些常用操作是很有必要的。本文將為大家介紹12個有用的JavaScript數(shù)組技巧，需要的朋友可以參考一下2021-12-12
在這篇文章中,小編將和大家分享18個JavaScript技巧,以及一些你應(yīng)該知道的示例代碼,以編寫簡潔高效的代碼,感興趣的小伙伴快跟隨小編一起學(xué)習(xí)一下吧2024-01-01
這篇文章主要介紹了微信小程序項目實踐之驗證碼倒計時功能,當(dāng)用戶點擊發(fā)送驗證碼按鈕，按鈕背景變色，不可點擊，顯示倒計時文字，需要的朋友可以參考下2018-07-07
這篇文章主要介紹了前端取消接口調(diào)用的相關(guān)資料,講解了XMLHttpRequest和AbortController兩種取消HTTP請求的方法,XMLHttpRequest通過abort()方法取消請求,而AbortController提供了一個更現(xiàn)代和靈活的解決方案,需要的朋友可以參考下2025-03-03
這篇文章主要給大家介紹了關(guān)于pdfh5.js的使用方法以及解決遇到的坑的解決辦法,pdfh5.js基于pdf.js和jQuery,web/h5/移動端PDF預(yù)覽手勢縮放插件,需要的朋友可以參考下2024-02-02
jquery SweetAlert插件實現(xiàn)響應(yīng)式提示框
為了滿足用戶體驗度，使用SweetAlert插件實現(xiàn)響應(yīng)式提示框效果非常好，下面通過這篇文章給大家介紹jquery SweetAlert插件實現(xiàn)響應(yīng)式提示框，需要的朋友可以參考下2015-08-08
用js寫一段小程序，但是又覺得使用瀏覽器去運行挺麻煩的，下面為大家介紹下如何使用java程序調(diào)用javascript程序，有類似需求的朋友可以參考下哈，希望對大家有所幫助2013-07-07
Javascript拖拽系列文章1之offsetParent屬性
這個系列文章主要是講述實現(xiàn)Javascript拖拽功能的基礎(chǔ)知識，并將在最后給出一個完整的示例。適合對拖拽完全不懂的人閱讀2008-09-09
大家都知道js是不能跨域的，但我們有時候就要這么用，怎么辦呢？辦法總是有的.2009-09-09
這篇文章介紹了echarts安裝與配置的方法，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06