例えば: コードをコピー コードは次のとおりです。<input type="checkbox" id="a"><label for="a"><img src="..."></label> 達成したい効果は、「Bank of China」をクリックするとチェックボックスが選択(またはキャンセル)されることです。 FirefoxやCHROMEなどのブラウザでは問題ありませんが、IEブラウザでは受け付けられません。 解決策は JS を使用することです: コードをコピー コードは次のとおりです。window.onload = 関数(){ if(document.all && navigator.appVersion.indexOf("MSIE")>-1 && navigator.appVersion.indexOf("Windows")>-1) { var a = document.getElementsByTagName("ラベル"); (var i=0,j=a.length;i<j;i++){ if(a[i].hasChildNodes && a[i].childNodes.item(0).tagName == "IMG") { a[i].childNodes.item(0).forid = a[i].htmlFor; a[i].childNodes.item(0).onclick = 関数(){ var e = document.getElementById(this.forid); スイッチ(e.type){ case "radio": e.checked|=1;break; case "チェックボックス": e.checked=!e.checked;break; case "text": case "password": case "textarea": e.focus(); break; } } } } } } |
<<: VMware + Ubuntu18.04 による Hadoop クラスタ環境の構築に関するグラフィック チュートリアル
目次原理ソースコード分析委任されたイベントバインディングすべてのサポートされているイベントを聴くネイ...
目次序文1. エンドポイント2. 接続ハンドラ3. コヨーテ4. コンテナ責任チェーンパターン序文T...
この記事の例では、画像のドラッグアンドドロップ機能を実現するためのVueの具体的なコードを参考までに...
目次1. PXCの紹介1.1 PXC の紹介1.2 PXC の特徴と利点1.3 PXCの限界と欠点1...
純粋な HTML + CSS を使ってドラえもんの絵を描くなど、CSS 描画に関する記事をよく見かけ...
Win10はmysql5.7の解凍版をインストールします。参考までに、具体的な内容は次のとおりです...
このセクションから、http モジュールの実装原理について説明します。http モジュールで非常に重...
序章nginx が優れたリバース プロキシ サービスであることは誰もが知っています。nginx を使...
最近、私はプロジェクトに取り組んでおり、背景を記述するために SQL ステートメントを使用する必要が...
目次1. 実施プロセス2. オブザーバーを表示する3. ウォッチャーを実装する4. コンパイルを実装...
テキストの長さに応じて、左側のテキストの幅を自動調整できる状況を実現したい。1行が表示できない場合、...
MySQL はオープンソースの小規模リレーショナル データベース管理システムです。現在、MySQL...
<br />作業を簡単に完了できる Web ページ作成ツールは数多くありますが、HTML...
効果画像: html: <div class='site_bar'>ホー...
目次前提TypeScript と JavaScriptコードエディタの選択TypeScriptを学ぶ...