web-dev-qa-db-ja.com

チェックボックスがjQueryでチェックされているときにアクションを実行するにはどうすればよいですか？

ユーザーがチェックボックスをオンにしたときにアクションを実行したいのですが、機能させることができません。何が問題なのですか？

つまり、基本的に、ユーザーが私のページにアクセスし、ボックスにチェックマークを付けると、アラートがポップアップ表示されます。

if($("#home").is(":checked"))
{
      alert('');
}
jquerycheckbox
15
Keith Donegan

実際、change()関数は、スクリプトを介してすべてのチェックボックスを選択するなど、JavaScriptで生成されたアクションで機能するため、このソリューションにははるかに優れています。

$('#home').change(function() {
   if ($(this).is(':checked')) {
      ... 
   } else {
      ...
   }
});
18
Zoltan

ここで説明する.clickイベントを使用する必要があります： http://docs.jquery.com/Events/click#fn

そう

$("#home").click( function () {
    if($("#home").is(":checked"))
    {
      alert('');
    }
});
4
Jeff Martin
$("#home").click(function() {
    var checked=this.checked;
    if(checked==true)
        {
         // Stuff here
        }
    else
        {
        //stuff here
        }
});
2
user1710922
$( "#home" ).change(function() {
    if(this.checked){
        alert("The Check-box is Checked"); // Your Code...
    }else{
        alert("The Check-box is Un-Checked"); // Your Code...
    }
});
1
Chaudhary

場合によっては、動的コンテンツがある場合、次のコードを使用できます。

$(function() {
  $(document).on('click','#home',function (e) {
    if($(this).is(":checked")){
      alert('Home is checked')
    }else{
      alert('Home is unchecked')
    }
  });
});
0
Bassem Shahin