jquery - 复选框上的 jQuery .addclass

Question

我正在尝试向表单中的多个元素添加一个类。这是我的 jQuery 代码：

$('input[type="text"],input[type="password"],select,input[type="submit"],input[type="checkbox"]').addClass("idleField");

它适用于除复选框之外的所有人。知道为什么吗？

注意：我也尝试过使用以下语法：

:复选框

#myForm :复选框

谢谢！

Answer 1

LIVE DEMO

$(':text, :password, :submit, select, :checkbox').addClass("idleField");

Answer 2

它对我来说非常好。也许您的复选框样式不正确？

jsFiddle

HTML

<input type="checkbox" /> 

CSS

.idleField {
    display:block;
    width:100px;
    height:100px;
}

JS

$(document).ready(function () {
    $('input[type="text"],input[type="password"],select,input[type="submit"],input[type="checkbox"]').addClass("idleField").addClass("idleField");
});

更新

它在你的 jsFiddle 中工作，但你的样式不能应用于复选框。复选框（和单选按钮）由您的操作系统确定，并且不能以与文本框相同的方式设置样式。通常样式复选框或单选按钮涉及隐藏原始输入，然后创建一个新的 div（或标签）和样式，可能使用伪元素。