通缉:“超级选择器”或者如何聚焦第一个可见的“输入”没有价值的领域?

发布于 2024-10-14 13:34:07 字数 272 浏览 1 评论 0原文

我想知道是否可以仅使用一个 jQuery 选择器来聚焦第一个空的可见“输入”字段:类似于 $('superamazingselector').focus ();

对于“输入”字段,我的意思是:文本区域输入(不是 type="hidden")、选择单选按钮未选中的复选框字段。我想这个“超级选择器”在很多页面上都会非常方便。

I was wondering if it is possible to focus the first empty visible "input" field with only one jQuery selector: something like $('superamazingselector').focus();

With "input" fields I mean: text areas, inputs (not type="hidden"), selects, radio buttons, unchecked checkbox fields. I guess this 'super selector' would be very handy on many pages.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

长安忆 2024-10-21 13:34:07

试试这个(未经测试):

$(':input[value=""]:visible:not(:button):first, :checkbox:not(:checked):first').first().focus();

如何选择单选按钮取决于 的 HTML 结构,我可以不要考虑一个通用的选择器来检测未选择的单选按钮组。

Try this (untested):

$(':input[value=""]:visible:not(:button):first, :checkbox:not(:checked):first').first().focus();
  • :input - pseudo-class selector for all form input elements (includes <textarea> and <select>)

  • [value=""] - value attribute is empty

  • :visible - filters out hidden elements (doesn't select <input type="hidden" />)

  • :not(:button) - :not() a <button> or <input type="button" />

  • :checkbox - selects checkboxes

  • :not(:checked) - checkboxes that are :not() checked

How you select radio buttons depends on your HTML structure for <input type="radio" />, I can't think of a one-size-fits-all selector that detects an unselected radio button group.

骷髅 2024-10-21 13:34:07

好问题:

尝试一下:

$(':input[value=""]:visible:first').focus();

Nice question:

Give this a try:

$(':input[value=""]:visible:first').focus();
始终不够爱げ你 2024-10-21 13:34:07

我认为 $(":input:visible[value='']").first() 应该这样做。

示例: http://www.jsfiddle.net/U3r6C/1/

I think $(":input:visible[value='']").first() should do it.

example: http://www.jsfiddle.net/U3r6C/1/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文