我想知道是否可以在每次选中/取消选中复选框时输出选中复选框的类名?例如,我有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/