复选框上的 jQuery .addclass答案

【问题标题】：jQuery .addclass on a checkbox复选框上的 jQuery .addclass
【发布时间】：2013-03-26 00:40:55
【问题描述】：

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

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

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

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

:复选框

#myForm :复选框

谢谢！

【问题讨论】：

需要更多信息。这是在什么浏览器上发生的？它总是发生吗？负载？您可以将您的复选框分组到一个家庭并将此类应用到家庭并查看吗？
Let me put that in a jsfiddle for you. 我没有看到问题。
这发生在 Chrome 和 Firefox 上，但适用于 IE。它在 DOM 完全加载时执行。只有一个复选框我需要应用它，我尝试在 CSS 中给出类，但它不起作用。
你能提供你的 CSS 吗？在 Chrome 中为我工作。
好主意！我已经更新了小提琴@meustrus

标签： jquery forms class checkbox addclass

【解决方案1】：

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

jsFiddle

HTML

<input type="checkbox" />

CSS

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

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

更新

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

【讨论】：

这是一个可能有用的小提琴：jsfiddle.net/F9wyh/1 如您所见，复选框没有应用样式，这就是它在我的代码上所做的
谢谢，我不知道。

【解决方案2】：

LIVE DEMO

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

【讨论】：