Question

我想知道每次选中/取消选中复选框时是否可以输出已选中复选框的类名？例如，我有3个复选框。如果我检查一个，它将输出其类名，如果我然后检查第二个，它将输出第一个复选框类名+第二个类名。如果我取消选中第一个复选框，它将只输出第二个复选框的类名...依此类推？我做了一个JSFiddle来开始...... http://jsfiddle.net/LUtJF/

由于

Answer 1

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

Your fiddle, fiddled with.

Answer 2

检查这个小提琴：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);

Answer 3

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

Answer 4

可以像

那样完成

$(":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/

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

4 个答案: