JQuery-输出选中复选框的类名

JQuery - Output the class name of checked checkboxes

本文关键字：复选框 输出 JQuery-      更新时间：2023-09-26

我想知道是否可以在每次选中/取消选中复选框时输出选中复选框的类名？例如，我有3个复选框。如果我选中一个，它会输出它的类名，如果我选中第二个，它将输出第一个复选框类名+第二个类名。如果我取消选中第一个复选框，它将只输出第二个复选框的类名。。等等我做了一个JSFiddle开始。。。http://jsfiddle.net/LUtJF/

感谢

$("input[type='checkbox']").change(function() {
    var classes = $("input[type='checkbox']:checked").map(function() {
        return this.className;
    }).get().join(",");
    alert(classes);
});

你的小提琴被拨弄了

检查这个小提琴：http://jsfiddle.net/eUse5/

代码：

function showChecked() {
    var s = '';
    $('input:checked').each(function() {
        if(s!='') s += ', ';
        s += $(this).attr('class');
    });
    alert(s);
}
$('input[type="checkbox"]').change(showChecked);

$(document).ready(function() {
    var cb = $('input[type=checkbox]');
    cb.change(function() {
        cb.each(function() {
            if ($(this).is(':checked')) {
                alert($(this).attr('class'));
            }  
        });
    });
});

可以像一样完成

$(":checkbox").click(function(){
    var classes = "";
    $(':checked[class]').each(function(){ // this will filter only checked checkbox having class attribute
       classes += " "+$(this).attr("class");
    });
    alert(classes);
});

小提琴：http://jsfiddle.net/LUtJF/7/

相关文章：