如何在复选框

时间:2016-04-18 12:12:59

标签: javascript jquery html checkbox

我想在检测双击时在javascript中执行操作。你能让我知道吗?这是一个结合标签+复选框的复杂控件。

<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" );};

在上面一行中,如果我点击标签;检测到双击,但没有检查复选框

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

以上代码适用于示例代码。我是Javascript的新手,如何将Javascript转换为单行

3 个答案:

答案 0 :(得分:2)

&#13;
&#13;
$( "#check1").dblclick(function() {
  alert( "Double Clicked" );
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="check1" type="checkbox" data-ctrl="JSCtrl">
&#13;
&#13;
&#13;

答案 1 :(得分:2)

&#13;
&#13;
$('#check1').on('dblclick',function() {
  alert("Clicked");
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="check1" type="checkbox" data-ctrl="JSCtrl">
&#13;
&#13;
&#13;

答案 2 :(得分:-1)

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