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

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

WBOY
リリース: 2016-05-16 15:45:34
オリジナル
1365 人が閲覧しました

この記事の例では、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 プログラミング設計に役立つことを願っています。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート