labelの挙動に嵌った。
<ul> <li><label><input type="checkbox" name="test" value="test">くま<label></li> </ul>
jQuery(document).ready(function($){ $("li").click(function(){ console.log("くま"); }); });
li{ width:400px; background:pink; } label{ display:block; width:250px; background:gray; }
とソースをつくってJSを実行してliの箇所をクリックすると当たり前だけども
コンソールで1回ログがでるのだけども
labelの領域をクリックするとJSが2回実行されコンソールで2回ログが表示される。
labelをクリックして動作させないほうがいい。
ttp://qiita.com/kazu56/items/9ebc8918fb7a75da9434
ちょっとやっていることは違うけども似たようなことだと思う。