复选框上的jQuery .addclass

Question

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

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

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

注意：我也试过这些语法：

：复选框

#myForm：复选框

谢谢！

Answer 1

它对我来说非常好。也许你错误地设置了你的复选框样式？

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（或标签）和样式，可能使用伪元素。

Answer 2

的 LIVE DEMO

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