Question

我希望无论何时单击复选框，都会在控制台上打印一个与复选框状态相对应的值（on / off）。我知道有些帖子有类似的标题，但我见过的所有人都没有明确的例子。

这是我到目前为止所得到的（启用Console并点击Add library，JQuery1.8.3）：

这仅在页面加载时打印，我希望每当我点击它时都要打印。

每当我点击复选框时，此代码段就会切换一个开启和关闭的值，但是当它被切换时，该框不会再显示勾号。

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

这很简单，你需要在click事件中使用.val（）。这是代码：

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

这是一个有效的demo。希望这有帮助！

Answer 4

你可以这样做：

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

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

4 个答案: