2016-05-29 8 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")); 
}); 

これは、画像をクリックすることで無効状態を切り替えます。あなたが使用することができます

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

し、それを有効にする:

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

あなたがcheckedを切り替えたい場合はあなただけのチェックボックスを無効にしたい場合は

https://jsfiddle.net/fxa6894d/

あなたが使用することができますあなたが使用できるプロパティ:

$("#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

関連する問題