我有一个radio_button_tag，方式如下：
<%= radio_button_tag "content[id]", content.id%><%= content.title %>
并通过以下方式拥有一个 text_field：
<%= f.text_field :title %>
当我单击单选按钮时，单选按钮的标题应填充在上面的 text_field 中。我正在尝试为此使用 jQuery。
【问题讨论】：
标签： jquery ruby-on-rails radio-button
首先，让我们为单选按钮添加一个标题属性：
<%= radio_button_tag "content[id]", content.id, {}, {:title => content.title} %><%= content.title %>
前面应该输出一些看起来像这样的HTML：
<input id="content_id_<content.id>" type="radio" value="<content.id>" title="<content.title>" name="content[id]" />
其次，这里是 jQuery 代码：
jQuery(function(){
// For each radio button whose name is 'content[id]':
jQuery("input[type='radio'][name='content[id]']").each(function(index, button){
// Give the button a certain click behaviour:
jQuery(button).click(function(){
// Set the value of 'title' textfield to the radio's title
jQuery("#title").val(this.title);
});
});
});
此匿名函数将在文档加载完成后执行。它将点击行为附加到您的按钮，因此您不需要 onclick 属性。
(这只会将点击行为添加到单选按钮本身。如果你想为每个单选按钮添加一个<label>元素并赋予它相同的行为，你必须在前面的jQuery代码中添加一点.)
【讨论】：
jQuery 函数调用不应该在页面加载完成之前调用其中的匿名函数。
<head> 之外的脚本标签。我会将这段代码放入一个外部脚本文件中，并将其包含在<head> 中。
不确定 ruby，但在 .net 中，我会在收音机、标签和文本框上放一个类名。那我就可以用这个了；
$(document).ready(function(){
$(".radioClassName").click(function(){
$(".TextBoxClassName").val($(".radioLabelClassName").text());
});
});
您的 html 可能如下所示；
<input type=radio class="radioClassName"><label class="radioLabelClassName">my text"</label>
<input type="text" class="TextBoxClassName">
不确定这是否可行，但我认为 jQuery 是 jQuery
【讨论】：
假设 html 为
<form>
<input type="radio" id="sex" name="sex" value="male" /> Male<br />
<input type="radio" id="sex" name="sex" value="female" /> Female
<input type="text" name="des" id="des" />
</form>
Javascript 将是
$("#des").val($("#sex").val());
$("#sex").change(function(){
alert($("#sex").val());
$("#des").val($("#sex").val());
});
Demo
【讨论】：