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