Question

我在categories.html.erb中有以下代码：

<%= form_for(@marker) do |f| %>
  <div> <%= f.radio_button("category", "1") %><label>Category 1</label> </div>
  <div> <%= f.radio_button("category", "2") %><label>Category 2</label> </div>
  <div> <%= f.radio_button("category", "3") %><label>Category 3</label> </div>
<% end %>

以及categories.js中的以下javascript代码：

var update = function() {
  return console.log("Category Selected");
};

$("input[type='radio']").change(update);

单选按钮似乎永远不会改变（单击单选按钮时，我的控制台日志中没有显示任何内容）。

我最初想做的是在每个类别中都有一个subcategory div，只有在选中相应的单选按钮时才会显示（并在单击另一个按钮时隐藏）。

更新：我使用以下代码：

$(document).ready(function(){
    $("input[type=radio]").change(function(){
      $(".subcategory").hide();
      $("#" + $(this).val()).show();
    });
});

不确定为什么我必须把代码放在.ready里面，老实说。：$

Answer 1

我使用以下代码完成了这项工作：

$(document).ready(function(){
  $("input[type=radio]").change(function(){
    $(".subcategory").hide();
    $("#" + $(this).val()).show();
  });
});

使用rails radio_button生成的单选按钮在单击时不会更改

1 个答案: