jquery判断checkbox是否选中

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/SKYYYF/article/details/78184637

jquery判断checked的三种方法:

.attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
.prop('checked'); //16+:true/false

.is(':checked'); //所有版本:true/false//别忘记冒号

HTML代码

<input type="checkbox" class="hobby" name="hobby" value="运动">运动
<input type="checkbox" class="hobby" name="hobby" value="音乐">音乐
<input type="checkbox" class="hobby" name="hobby" value="游戏">游戏

jquery代码（记得引入jquery文件）

$("input[name='hobby']").click(function () {
        if($(this).is(':checked')){
            console.log($(this).val()+"选中");
        }else{
            console.log($(this).val()+"未选中");
        }
    });