获取JQuery中的单个复选框值

时间:2016-11-22 15:33:59

标签: javascript jquery ruby-on-rails checkbox

我有几个复选框,并且有一个JQuery函数,当我点击复选框时,我想要打印出我给每个复选框的值。但是,1保持打印输出。我使用Rails基于我的数据库中的主键为每个复选框分配了一个item.id.这是我的代码

<script>
$(document).ready(function(){
    $('input[type="checkbox"]').on("change", function() {
        var hall_id = $(this).val(); // here is where I want to get the value that I assigned to the checkbox
    if (this.checked) {
        console.log( hall_id ); 
    } else {
        console.log( hall_id );
    }
});
});
</script>



<%= link_to "Logout", root_path %>

<h1>Hello <%= @user.first_name%> <%= @user.last_name%></h1>

<%= form_for @item do |f| %>
  <%= f.label :to_do %>:
  <%= f.text_field :to_do %><br />
  <%= f.hidden_field :email, :value => @user.email%>


  <%= f.submit %>
<% end %>

<% @items.each do |item|%>
    <%if item.email == @user.email%>
        <%= form_for @item do |f| %>
      <%= item.id%>
            <%= f.check_box :to_do, :value => item.id%>  //This is where I assign the value for the check box
            <%= item.to_do%><br />
        <% end %>
    <%end%>
<%end%>

enter image description here 在图像中我试图通过复选框(item.id)打印出数字,但在控制台中它只打印出1

1 个答案:

答案 0 :(得分:1)

查看check_box辅助方法的文档:http://api.rubyonrails.org/classes/ActionView/Helpers/FormHelper.html#method-i-check_box

请注意,可选的第4个参数是checked_value,默认为1。您可以通过以下方式将其切换为id对象的item

<%= f.check_box :to_do, :id, {}, item.id %>