Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何使用远程:在rails中使用单选按钮/单选按钮时没有标记

如何使用远程:在rails中使用单选按钮/单选按钮时没有标记
EN

Stack Overflow用户
提问于 2017-03-21 00:54:20
回答 1查看 856关注 0票数 0

我想做一个单选按钮,当它被选中时,它将产生一个新的选项卡(带有导航标签的引导面板),在该选项卡中,我可以注册与所选单选按钮相对应的详细信息。例如,当我选择“水果”单选按钮时,它将生成一个新的选项卡,当我转到该选项卡时,我可以输入它的名称、重量等。当我选择“肉”单选按钮时,它将再次生成一个新选项卡。

这是我最喜欢的代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input type="radio" name="id" value="<%= row.id %>" onclick="document.location.href='<%= path_name %>" data-remote="true">

但遗憾的是,数据-remote=“true”不起作用,也不构成新的选项卡。

我找到了一种使用以下代码实现它的方法:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<% @foo.each do |row| %>
    <%= link_to(pathname, :remote => "true") do %>
        <input type="radio" name="id" value="<%= row.id %>">
    <% end %>
<% end %>

但是,使用此代码,无法选择单选按钮(没有表示已选中的标记)。

请任何人帮助我如何使remote=“真”工作或使选择单选按钮看到。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-03-21 01:15:26

jQuery UJS使用表单或链接--而不是单个输入。但是,使用jQuery编写事件处理程序非常简单。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<%= radio_button_tag :id, row.id, data: { href: path_name }, class: 'remote-input' %>

使用data属性将数据传递给客户端,而不是内联onclick处理程序。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
# place this in 
# app/assets/javascripts/
$(document).on("change",".remote-input", function(){
  var uri = $(this).data('href');
  if (uri){
    window.location = uri;
  }
  // or whatever you want to do.
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42922292

复制
相关文章
Flutter中的单选按钮组件Radio
Flutter 中的单选按钮组件有两种。 1. Radio 单选按钮,一般用来表现一些简单的信息。 常用属性如下: (1). value 单选的值; (2). onChanged 选择改变触发的事件; (3). activeColor 选中时的颜色; (4). groupValue 多个按钮选择组的值; 2. RadioListTile 包含更多信息的单选项,提供多种配置信息的属性,可以表现更丰富的信息。 常用的属性如下: (1). value 单选的值; (2). onChanged 选择改变触发的
越陌度阡
2021/01/05
9.7K0
Flutter中的单选按钮组件Radio
单选按钮的用户体验设计
单选按钮是表单系统的一个基本元素。它们被使用在当存在互斥的两个或多个选项列表而用户必须选择其中一个时。换句话说,点选某个尚未选中的单选按钮,之前的选择就会恢复成未选中。 正确的使用单选按钮会非常好—
前朝楚水
2018/04/03
6.3K0
单选按钮的用户体验设计
AngularDart Material Design 单选按钮 顶
具有材料风格的单选按钮。 通常与material-radio-group一起使用。 选中后,无法通过用户操作取消选中相同的单选按钮。
南郭先生
2018/09/30
3.4K0
安卓开发_单选按钮控件(RadioButton)的简单使用
最近复习安卓基础的时候发现没有写关于单选按钮、复选按钮的博客,可能因为以前学习的时候感觉太简单了就没有写,现在补上吧 当我们在各种客户端注册账号的时候,会有几项单选项,比如选择您的性别。下面就是学习怎么实现这种效果 一、安卓中,单选按钮用RadioButton表示,因为RadioButton是Button的子类,所以可以使用Button的各种属性 RadioButton一般是不单独使用的需要结合RadioGroup控件一起使用,将若干个RadioButton放在一个RadioGroup中,那么将只能选择Ra
听着music睡
2018/05/18
3.4K0
动态图表13|单选按钮
今天要跟大家分享的是动态图表13——单选按钮! 本例要讲的单元按钮与复选框的作用类似,只是选择的规则不一样。复选框可以同时选中一个以上,而单元格框则只能一次选中一个,所以在效果上,它与之前我们讲过的数
数据小磨坊
2018/04/10
1.8K0
动态图表13|单选按钮
python开发_tkinter_单选按钮
E | hongtenzone@foxmail.com  B | http://www.cnblogs.com/hongten
Hongten
2018/09/13
1.5K0
python开发_tkinter_单选按钮
Java GUI编程11—单选按钮:JRadioButton
单选按钮就是在给定的多个选择项中选择一个,并且只能选择一个。在Swing中可以使用JRadioButton完成一组单选按钮的操作,JRadioButton的常用方法如下表。
全栈程序员站长
2022/09/02
4.7K0
Java GUI编程11—单选按钮:JRadioButton
单选按钮的取消与选中 原
(adsbygoogle = window.adsbygoogle || []).push({});
tianyawhl
2019/04/04
3.6K0
Flat风格的Qml单选/复选按钮
使用Qml的RadioButton与CheckBox控件修改而成。 单选按钮 RadioButton代码 import QtQuick 2.0 import QtQuick.Controls 2.0
Qt君
2019/11/24
2.4K0
JavaSwing:JRadioButton-单选按钮开发详解
与ButtonGroup对象一起使用以创建一组按钮,其中一次只能选择一个按钮。 (创建一个ButtonGroup对象,并使用其add方法在该组中包括JRadioButton对象。)
JavaEdge
2020/05/27
2.3K0
iOS 单选按钮组--只能而且必选一个按钮
2、初始化并默认一个选项,这里用了4个button,实际可以采用2个,因为写一半才发现后面的汉字也要设置成可点的,就懒得改了,直接改成button了
Python疯子
2018/09/06
4.5K0
iOS 单选按钮组--只能而且必选一个按钮
JavaSwing_2.3: JRadioButton(单选按钮)「建议收藏」
本文链接: http://blog.csdn.net/xietansheng/article/details/74363379
全栈程序员站长
2022/09/02
5530
JavaSwing_2.3: JRadioButton(单选按钮)「建议收藏」
Android开发学习笔记(十七)单选按钮RadioButton
为使单选按钮产生互斥效果,需要把所有RadioButton放置在一个统一的RadioGroup中。
zstar
2022/06/14
9170
Android开发学习笔记(十七)单选按钮RadioButton
Android 开发第七讲 RadioButton (单选按钮)
之前我们响应按钮事件都是直接通过匿名内部类的方式. new一个对象来实现OnClick方法.
IBinary
2020/09/01
1.4K0
Android 开发第七讲 RadioButton (单选按钮)
8、单选按钮(JRadioButton)和复选框(JCheckBox)
单选按钮(JRadioButton)和复选框(JCheckBox)       实现一个单选按钮(或复选框),此按钮项可被选择或取消选择,并显示其状态。JRadioButton对象与ButtonGro
YGingko
2017/12/28
1.7K0
LayUI radio单选按钮监听事件实现方法
首先,官方文档所给出的展示如下:监听 radio单选 但是在搜索经验的时候,发现很多网友给出的代码有缺失,不适合小白开发 所以,小小整理一番,欢迎指摘 … 操作步骤: 首先 html 设计效果如下:
泥豆芽儿 MT
2020/01/13
7.4K0
LayUI radio单选按钮监听事件实现方法
微信小程序–单选复选按钮组的实现
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/139625.html原文链接:https://javaforall.cn
全栈程序员站长
2022/08/23
2.5K0
微信小程序–单选复选按钮组的实现
点击加载更多

相似问题

rails单选按钮标记

20

在Rails中使用单选按钮

30

Rails +单选按钮+ AJAX:如何在单选按钮点击时渲染部分?

11

Rails:使用html输入标记检查单选按钮值

13

单选按钮Rails

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文