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

Get input checkbox toggle state with Jquery

本文关键字：状态 复选框 输入 Jquery 获取 使用      更新时间：2023-09-26

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

这是我目前得到的(打开Console，点击Add library, JQuery1.8.3):

尝试1

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

尝试2

当我点击复选框时，这个代码片段会切换开和关值，但是当它被打开时，这个框不再显示勾号。

收听更改事件

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

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

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

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

下面是一个工作演示。希望这对你有帮助!

你可以这样做:

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