2011-08-10 8 views
0

"for"属性によってイベントが発生したことを知る方法は?html "for"属性イベントフラグはありますか?

フラグがありますか?

サンプルHTMLを作成します。私はそれをクロムでテストする。

<html> 
    <head> 
     <script> 
     var div1 = document.getElementById("div1"); 

     </script> 
    </head> 
    <body> 
      <div id="div1" style="relatvie;width:500px;height:200px" onclick="alert(5)"> 
    <input type="checkbox" id="checktest"></input><label for="checktest">12345</label> 
    </div> 
    </body> 

    </html> 

この場合、ラベルをクリックすると警告が2回発生します。

私は単一の警告を出したいと思います。

+0

この質問が実際に何を意味するのか不明な説明。質問には、関連するサンプルHTMLまたはJavascriptを含める必要があります。 – jfriend00

答えて

2

fiddleのようなものですか?

ラベルにid属性を追加し、jQueryを使用してclickイベントハンドラにバインドしました。仕様通りではないかもしれませんが、動作するようです。

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#phoneLbl").click(function(e){ 
      alert('here'); 
     }); 
    }); 
</script> 
<label id="phoneLbl" for="phone">Phone</label><input id="phone" type="text" /> 
0

HTMLLabelElementのforという属性を意味すると見なします。この属性は、ラベルを特定の入力にリンクするために使用されます。

<label for="phone">Phone #:</label><input id="phone"> 

この属性に関連付けられたイベントはありません。イベントハンドラをアタッチすることはできません。これは単にlabel要素の属性です。

+0

属性のラベルは、入力のname属性またはid属性で機能しますか? – bozdoz

+0

@bozdoz良いキャッチ;それはidでなければなりません。編集されました。 –

関連する問題