使用jQuery

Question

我需要你帮助一个简单的jQuery脚本。我有一些带有周围标签的图像。在图像旁边，有一些复选框。我的目标是，通过单击图像启用和禁用特殊复选框。

谢谢！

Answer 1

<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/

Answer 2

试试这个

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