2016-05-29 85 views
-1

我需要您的帮助以获取简单的jQuery脚本。我有一些周围的a标签的图像。在图片旁边,有一些复选框。我的目标是通过单击图像来启用和禁用特殊复选框。使用jQuery启用复选框

谢谢!

+2

能否请您发布的代码? –

回答

0
<img id="img_1" src="http://lorempixel.com/20/20/"> 
<input id="cb_1" type="checkbox" > 

$("#img_1").click(function(){ 
    $("#cb_1").prop("disabled", !$("#cb_1").prop("disabled")); 
}); 

这将通过单击您的图像来切换禁用状态。

https://jsfiddle.net/fxa6894d/

如果你只是想禁用的复选框,您可以使用:

$("#img_1").click(function(){ 
    $("#cb_1").prop("disabled", true); 
}); 

并启用它,你可以使用:

$("#img_1").click(function(){ 
    $("#cb_1").prop("disabled", false); 
}); 

如果你想切换checked您可以使用的财产:

$("#img_1").click(function(){ 
    $("#cb_1").prop("checked", !$("#cb_1").prop("checked")); 
}); 

https://jsfiddle.net/fxa6894d/2/

+0

谢谢你的代码,但你可以编辑它,这样我可以启用它吗? –

+0

@MatthiasM再次点击图片会切换状态。我已经更新了答案,以显示如何只启用/禁用复选框。 –

+0

再次感谢。我的问题是,现在复选框没有激活(在广场内没有检查),但可点击并且不能用代码点击 –

0

试试这个

$("#img_id").click(function() 
{ 
    $("#checkbox_id")..prop("checked", true); 
}); 
+1

您能否详细说明您的答案,并添加关于您提供的解决方案的更多描述? – abarisone