使用jQuery啓用複選框

Question

我需要您的幫助以獲取簡單的jQuery腳本。我有一些周圍的a標籤的圖像。在圖片旁邊，有一些複選框。我的目標是通過單擊圖像來啓用和禁用特殊複選框。

謝謝！

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