双击图像以激活复选框

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

试试这个活动吧。

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

Answer 2

您需要给图片添加一个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;
}

您需要编辑代码，使函数针对您的实际复选框，而不是名为 "one" 和 "two"

的复选框

Double click on image to activate checkbox