javascript - 如何设置在 Rails 4 中选中的第一个子元素单选按钮？

Question

我正在使用 rails4。我有一个列表的下拉列表。我想检查第一个子元素的 radio_button。下拉列表中的项目是父项，在选择每个父项时会显示一个列表，即子项。所有子元素都通过循环显示，然后在 javascript 的帮助下，我只显示属于从中选择的父项的那些子元素下拉菜单。

模板onchanging parent_id, "$("select[id='parent_<%=@parent.id%>']").change"被调用然后模板中的子元素是:-

<div class="child<%= @parent.id %>" style="display:none">           
    <%=radio_button :child_name, @parent.id, child.name ,id: "child"%><%=child.name%>

</div>

$("select[id='parent_<%=@parent.id%>']").change(function(){ 
    $(".child"+ this.value).each(function(){
        $(this).show();
        $(this).firstElementChild.setAttribute("checked","checked"); //Its not working
     });

});

Answer 1

试试这个:

// Instead
// $(this).firstElementChild.setAttribute("checked","checked"); 
$(this).children().first().attr("checked", true);