ホームページ >ウェブフロントエンド >jsチュートリアル >javascript_javascript スキルを使用して、ラジオ ボタン リンクのクリックを対応する URL にリダイレクトする方法

javascript_javascript スキルを使用して、ラジオ ボタン リンクのクリックを対応する URL にリダイレクトする方法

WBOY
WBOYオリジナル
2016-05-16 15:45:341363ブラウズ

この記事の例では、JavaScript を使用してラジオ ボタン リンクのクリックを対応する URL にリダイレクトする方法について説明します。皆さんの参考に共有してください。詳細は以下の通りです。

ここではボタンの特殊効果を実装しています。チェックボックスのボタンをクリックすると、リンクがアクティブになり、特定の URL にジャンプします。次に、この関数を使用して、さらにボタンの特殊効果を記述します。効果が来ます。

実行中のエフェクトのスクリーンショットは次のとおりです:

具体的なコードは次のとおりです:

<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.jb51.net');">
  脚本之家<br>
  <input type="radio" name="loc" onClick="go('http://www.qq.com');">
  腾讯QQ<br>
 </div>
</form>
</body>
</html>

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。