获取 Rails 表单中生成的复选框的 id/值/名称

发布于 2024-08-10 19:29:23 字数 326 浏览 2 评论 0原文

我在 Rails 中使用 fields_for 助手和一些文本框。如何获取这些文本框的 ID 以在某些 Javascript 中使用？我希望能够通过单击某些框来操纵其他复选框的状态。

例如，

  <% fields_for "[id][]", app  do |fields| %>
       <%= fields.check_box :featured %>
...

然后使用 scriptaculous 或 onclick 执行某些操作来处理其他生成的复选框发生的情况。

原文

I'm using a fields_for helper in rails with some text boxes. How can I get the ID of these text boxes to use in some Javascript? I would like to be able to manipulate the status of the other checked boxes by clicking on certain boxes.

e.g.

  <% fields_for "[id][]", app  do |fields| %>
       <%= fields.check_box :featured %>
...

Then do something with scriptaculous or an onclick to deal with what happens to other generated checkboxes.

分享到QQ

分享到微博

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

发布评论

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

别闹i 2024-08-17 19:29:23

对于可靠的 JavaScript 而言，在动态表单上预测 ids 变得过于混乱。

相反，您可以使用原型助手和类名来实现类似的功能。

使此 javascript 可用于您的页面：

var myrules = {
  '.highlightFeatured': function (e){ 
  clicked_on_box = Event.element(e)
  container = clicked_on_box.up('form')
  box_to_modify = container.down('.featured')
  new Effect.Highlight(box_to_modify)
  };
};

Event.observe(window, 'load', function(){
  $('fields').delegate('click', myrules);
});

并沿着这些线定义您的视图。现在，当单击虚假复选框时，功能将突出显示。

<% fields_for "[id][]", app  do |fields| %>
  <div id="fields">
   <%= fields.check_box :featured, :class => "featured" %>
   <%= fields.check_box :bogus, :class => "highlightFeatured" %>
   ...
  </div>
<% end %>

Predicting ids gets too messy on dynamic forms for reliable javascript.

Instead you can use the prototype helpers and class names to achieve similar functionality.

Make this javascript available to your page:

var myrules = {
  '.highlightFeatured': function (e){ 
  clicked_on_box = Event.element(e)
  container = clicked_on_box.up('form')
  box_to_modify = container.down('.featured')
  new Effect.Highlight(box_to_modify)
  };
};

Event.observe(window, 'load', function(){
  $('fields').delegate('click', myrules);
});

And define your view along these lines. Now when the bogus check box is clicked featured will be highlighted.

<% fields_for "[id][]", app  do |fields| %>
  <div id="fields">
   <%= fields.check_box :featured, :class => "featured" %>
   <%= fields.check_box :bogus, :class => "highlightFeatured" %>
   ...
  </div>
<% end %>

回复收藏 0 原文

~没有更多了~