javascript - 使用 Jquery 获取输入复选框切换状态

Question

我希望每当您单击复选框时，都会在控制台上打印一个与复选框 ( on/ off) 状态相对应的值。我知道有类似标题的线程，但我见过的所有线程都没有明确的例子。

这是我到目前为止得到的（打开Console并单击Add library, JQuery1.8.3）：

尝试 1

这只在页面加载时打印，我希望它在我点击它时打印。

尝试 2

每当我单击复选框时，此代码段都会切换打开和关闭值，但打开时该框不再显示刻度符号。

Answer 1

监听更改事件。

$("#box").change(function(){  
    console.log(this.checked); 
    // console.log( this.checked ? 'on' : 'off' ); 
});

Answer 2

$("#box").change(function() {
  console.log($(this).prop('checked'));
});

Answer 3

这很简单，您需要在点击事件中使用 .val() 。这是代码：

$('input[type="checkbox"]').click(function() {
    if( $(this).is(':checked') ) {
        console.log( $(this).val() );
    } else {
        console.log('no');
    }
});

这是一个工作演示。希望这可以帮助！

Answer 4

你可以这样做：

$('#box').click(function()
{
    if ($('#box').is(':checked')){ 
        console.log("on"); 
    }else{ 
        console.log("off");
    }
});