javascript - 在面板标题上显示选定的单选按钮值

我想在面板标题上显示所选的单选按钮值。

这是我的js文件

  $(document).ready(function(){
      $(".child_option_radio").on("change", function(){
      elem = $(this);
      if ($(this).is(':checked'))
       {
         alert($(this).val());
       }

       $("#part_child_" + elem.attr("data-option-subid")).html(e);
       alert("#part_child_" + elem.attr("data-option-subid"));
  });

我的part_child.erb文件

<div class="row">
    <%= options_radio_tag part_child, class: "child_option_radio", "data-option-subid" => part_child.id, "data-option-name" => part_child.name %>
</div>

这是我的部分孩子的option_radio_tag的帮助文件

  def options_radio_tag(part_child)
   html = ""
  attr_name = "order[part][#{part_child.parent.id}][children][][part]  [#{part_child.id}][option][][id]"
  part_child.options.each do |o|
  html += "<div class='col-sm-2'>"
  html += label_tag "#{attr_name}", raw("<input id='order_part_#{part_child.id}_option_#{o.id}', data-option-subid='option_subid_#{o.id}', data-option-name='#{o.name}',  name='#{attr_name}' type='radio' value='#{o.id}' #{o.is_default? ? 'checked' : ''} data-option-subid='option_subid_#{o.id}'> #{o.name}")
  html += "</div>"
 end
html.html_safe
 end

如果您需要更多详细信息，请告诉我。

PS：通过上面的代码，我得到了


  错误的参数数量（2为1）

最佳答案

您正在尝试使用处理程序方法中不存在的变量e

$(document).ready(function () {
    $(".child_option_radio").on("change", function () {
        var elem = $(this);
        if (this.checked) {
            $("#part_child_" + elem.attr("data-option-subid")).html(this.value);
        }
    });
});