Javascript 在一起传递值的rails+AJAX中渲染部分

我已经被困在这两个小时了。我正在使用Rails 4.2和Ruby 2.1.1

我有这套单选按钮：

new.html.erb：

我也有这个js：

new.js.erb注：注释：？？？？是我不知道如何填写的字段之一

function render_picture() {
$('#pokemon_picture').html('<%=j render :partial => 'picture',:locals => {:number => ???? } %>');

}

最后，图片模板：

_picture.html.erb

我想要的是，当我点击其中一个单选按钮时，我会在“口袋妖怪图片”中得到“图片”，其中包含pkm.num attibute。我想用这个数字来渲染一幅图片，每幅图片都有自己的数字

只是想澄清一下：每个pkm都有自己的编号，我希望在单击单选按钮时通过Ajax呈现出来。

试试看

或

---

第一件事是render_picture函数在一次页面加载时只加载一次，因此如果您希望基于单选按钮的动态值，请选中复选框，因为我看到您显示了一个数字。您可以将“number”传递给onclick render_picture函数并直接替换它，无需进行局部渲染。实际上，我不想显示该数字。我想根据这个数字渲染一张图片。它们都只渲染+num+。

function render_picture() {
$('#pokemon_picture').html('<%=j render :partial => 'picture',:locals => {:number => ???? } %>');

<%= number %>

<%= f.radio_button :number,
                   pkm.num,
                  :onclick => 'render_picture(this);',
                  :data-num => pkm.num 
%>

function render_picture(tag) {
  var num = $(tag).data('num');
  $('#pokemon_picture').html('<%=j render :partial => 'picture',:locals => {:number => ' + num + ' } %>');
}

<%= f.radio_button :number,
                   pkm.num,
                  :onclick => "render_picture(#{pkm.num});"
%>

function render_picture(num) {
  $('#pokemon_picture').html('<%=j render :partial => 'picture',:locals => {:number => ' + num + ' } %>');
}