双击图像激活复选框

Question

我有一张图片和两张复选框。

当您在图像上单击一次时，第一个复选框被激活，现在我想在图像上再次单击时激活第二个复选框。

这可能吗？

以下是我用来激活第一个复选框http://jsfiddle.net/karim79/pAYFa/1/的代码示例？

<label for="img1"><img class="img" src="image.jpg"/></label>
<input type="checkbox" class="chk " id="img1" />

Answer 1

您需要向图像添加onclick事件，并使用它来调用javascript函数。在其中，检查是否选中了第一个复选框，如果是，请检查第二个复选框。 关于onclick的信息：http://www.w3schools.com/jsref/event_onclick.asp

<img src="yourimage.jpg" onclick="checkthebox()">

函数的伪代码：

function checkthebox(){
if(document.form.one.checked == false) {
document.form.one.checked = true;
}
else document.form.two.checked = true;
}

您需要编辑代码，以便该功能以您的实际复选框为目标，而不是这些名为“一”和“两个”的

Answer 2

尝试此活动它会起作用。

$( "#target" ).dblclick(function() { 
    alert( "Handler for .dblclick() called." ); 
});