javascript - 双击图像激活复选框

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

您需要编辑代码，以便该函数针对您的实际复选框，而不是那些名为“一”和“二”的复选框