javascript - 选择类型不是复选框的所有输入标签

Question

我需要 CSS 选择器来匹配所有类型为 not 的输入标签 checkbox .

这场比赛:

<input value="Meow!" />

<input type="password" />

...但这不:

<input type="checkbox" />

因为类型是 checkbox !

这是我目前拥有的:

input:not(type="checkbox")

不幸的是，它不有效!

我的问题来了:

1. 如何修复我的 CSS3 选择器？
2. 没有 CSS3 和 JavaScript 是否可行？
3. 不使用 CSS3 而使用 JavaScript 是否可行？

感谢任何建议!

Answer 1

1. 您的属性选择器缺少方括号:

   input:not([type="checkbox"])
   

2. 如果您要应用样式，则需要在 CSS 中使用覆盖规则:

   input {
       /* Styles for all inputs */
   }
   
   input[type="checkbox"] {
       /* Override and revert above styles for checkbox inputs */
   }
   

   您可以想象，对表单元素执行此操作几乎是不可能的，因为它们的浏览器默认样式在 CSS 中没有明确定义。

3. jQuery 提供了一个 :checkbox selector你可以使用:

   $('input:not(:checkbox)')
   

   您还可以使用与在 CSS 中相同的选择器:

   $('input:not([type="checkbox"])')