wie Doppelklick auf ein Kontrollkästchen zu erfassen

Question

Ich möchte Aktion in Javascript bei Erkennung Doppelklick durchführen. Können Sie mir bitte das Gleiche mitteilen? Dies ist ein komplexes Steuerelement, das Label + Checkbox kombiniert.

<td class=" odd" title="Double click to edit."> 
<label class="cb_label_right"> 
<input id="check1_table#rowName#0" type="checkbox" data-ctrl="JSCtrl" disabled=""> 
<span>Row Name</span> 
</label> 

tablecell.ondblclick = function(){alert("Double Clicked");}; 

In der obigen Zeile, wenn ich auf Label klicke; Doppelklick wird erkannt, aber nicht im Kontrollkästchen

<input type="checkbox" disabled="disabled" /> 
<span>Fat Lock11</span> 
<div style="position:absolute; left:0; right:0; top:0; bottom:0;"> 
</div> 

Der obige Code funktioniert für Beispielcode. Ich bin neu in Javascript, wie man Javascript als eine einzige Zeile

Answer 1

$("#check1").dblclick(function() { 
 
    alert("Double Clicked"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="check1" type="checkbox" data-ctrl="JSCtrl">

Answer 2

$('#check1').on('dblclick',function() { 
 
    alert("Clicked"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="check1" type="checkbox" data-ctrl="JSCtrl">

Answer 3

versuchen

$("#check1").bind("dblclick",function() { 
    console.log("event occur"); 
});