带有onclick的Jquery单选按钮
我有以下方式的单选按钮标签:带有onclick的Jquery单选按钮,jquery,ruby-on-rails,radio-button,Jquery,Ruby On Rails,Radio Button,我有以下方式的单选按钮标签: <%= radio_button_tag "content[id]", content.id%><%= content.title %> <%= f.text_field :title %> 并按以下方式创建文本_字段: <%= radio_button_tag "content[id]", content.id%><%= content.title %> <%= f.text_fiel
<%= radio_button_tag "content[id]", content.id%><%= content.title %>
<%= f.text_field :title %>
并按以下方式创建文本_字段:
<%= radio_button_tag "content[id]", content.id%><%= content.title %>
<%= f.text_field :title %>
当我单击单选按钮时,单选按钮的标题应填充在上面的文本_字段中。我正在尝试使用jQuery来实现这一点。不确定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,我想我不确定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>
假设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>
首先,让我们为单选按钮添加标题属性:
<%= radio_button_tag "content[id]", content.id, {}, {:title => content.title} %><%= content.title %>
此匿名函数将在文档加载完成时执行。它将单击行为附加到按钮上,因此不需要onclick
属性
(这只会将单击行为添加到单选按钮本身。如果要向每个单选按钮添加
元素并赋予其相同的行为,则必须在前面的jQuery代码中添加一点。)首先,让我们为单选按钮添加一个title属性:
<%= radio_button_tag "content[id]", content.id, {}, {:title => content.title} %><%= content.title %>
此匿名函数将在文档加载完成时执行。它将单击行为附加到按钮上,因此不需要onclick
属性
(这只会将单击行为添加到单选按钮本身。如果您想向每个单选按钮添加一个
元素并赋予它相同的行为,您必须在前面的jQuery代码中添加一点。)如果您也发布生成的HTML,可能会有所帮助。如果您也发布生成的HTML,可能会有所帮助。vivek,我从数据库中获取content.title,其中content.id是content表的主键值。在这里,当我单击单选按钮时,content.title的值应该特定于content.id值。因此,如果我单击单选按钮,文本框中应该显示值content.title。我是这个网站的新手,我不知道格式。。“created_at desc”,:limit=>2)%>vivek,我从数据库中获取content.title,其中as content.id是content表的主键值。在这里,当我单击单选按钮时,content.title的值应该特定于content.id值。因此,如果我单击单选按钮,文本框中应该显示值content.title。我是这个网站的新手,我不知道格式。。“created_at desc”,:limit=>2)%>
JS代码应该放在哪里?在剩下的html视图代码之后的标记中,或者在脚手架生成的控制器咖啡文件中?@AlexVentura:我已经好几年没有使用coffeescript了,所以如果你想将原始javascript复制并粘贴到coffeescript文件中,我不能说是否会正确处理。但是,您可以将代码放入脚本标记或源文件中。它不需要位于html的末尾,因为
jQuery
函数调用在页面加载完成之前不应该调用其中的匿名函数。好的,实际上,当您为资源生成一个脚手架时,它会生成一个咖啡脚本文件,但您也可以将其更改为js文件。我想知道的是,在rails视图或部分视图中显示不同HTML块之间的标记是否看起来很糟糕?你觉得怎么样?@AlexVentura:我同意我不喜欢
之外的脚本标记。我会把这段代码放到一个外部脚本文件中,并将其包含在
中。好吧,我会像你说的那样做,谢谢你的提示!我应该把JS代码放在哪里?在剩下的html视图代码之后的标记中,或者在脚手架生成的控制器咖啡文件中?@AlexVentura:我已经好几年没有使用coffeescript了,所以如果你想将原始javascript复制并粘贴到coffeescript文件中,我不能说是否会正确处理。但是,您可以将代码放入脚本标记或源文件中。它不需要位于html的末尾,因为jQuery
函数调用在页面加载完成之前不应该调用其中的匿名函数。好的,实际上,当您为资源生成一个脚手架时,它会生成一个咖啡脚本文件,但您也可以将其更改为js文件。我想知道的是,在rails视图或部分视图中显示不同HTML块之间的标记是否看起来很糟糕?你觉得怎么样?@AlexVentura:我同意我不喜欢
之外的脚本标记。我会把这段代码放到一个外部脚本文件中,并将其包含在
中。好吧,我会像你说的那样做,谢谢你的提示!