Loading [MathJax]/jax/output/CommonHTML/config.js
社区首页 >问答首页 >如果从所有选择的收音机中显示任何一个选项?

如果从所有选择的收音机中显示任何一个选项?
EN

Stack Overflow用户
提问于 2015-01-05 23:25:28
回答 5查看 71关注 0票数 1

在这条线上有很多关于桩流的答案,但是他们没有解决我的问题,我想做的是,我有4个同名相同id的收音机,当我选择其中任何一个的时候,它显示给我一个div,但是它只在第一个收音机上工作,当我选择它在第2,3,4不工作时,

代码语言:javascript
代码运行次数:0
复制
<input class="rad_roof" type="radio" name="fb" id="fb" onchange="show_input()"  />
<input class="rad_roof" type="radio" name="fb" id="fb" onchange="show_input()" />
<input class="rad_roof" type="radio" name="fb" id="fb" onchange="show_input()"/>
<input class="rad_roof" type="radio" name="fb" id="fb" onchange="show_input()" />

我用的这个j查询函数..。

代码语言:javascript
代码运行次数:0
复制
function show_input(){
 if($('#roof_types').is(':checked'))
    $(".measurement").fadeIn(300);
}

在浏览器http://jsfiddle.net/ahmadsaadkhan/x1kn7p8q/上使用相同的代码而不是操纵

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2015-01-05 23:31:33

如何实现这一目标有更多的可能性,其中之一就是定义show_input函数。

代码语言:javascript
代码运行次数:0
复制
function show_input() {
    return $('#showdiv').show();
}

http://jsfiddle.net/x1kn7p8q/4/

如果没有此功能,则直接在电台活动上:

代码语言:javascript
代码运行次数:0
复制
$('.rad_roof').change(function() {
    $('#showdiv').show();
});

http://jsfiddle.net/x1kn7p8q/5/

请注意,在这两个示例中,我都避免使用必须是唯一的#fb。如果在JS中使用#fb,它将只与第一个#fb一起工作,其他元素上的attr将被忽略。

试一试,点击任何收音机,只有当你点击第一个收音机时,才会显示警报。

代码语言:javascript
代码运行次数:0
复制
$('#fb').click(function() {
    alert('#fb clicked');
});

http://jsfiddle.net/x1kn7p8q/7/

票数 2
EN

Stack Overflow用户

发布于 2015-01-05 23:28:10

您的标记不正确。ID应该是唯一的。

主要问题是,您有错误的选择器目标选中单选按钮。用途:

代码语言:javascript
代码运行次数:0
复制
 if($('.rad_roof:checked').length) $("#showdiv").show();

演示

票数 1
EN

Stack Overflow用户

发布于 2015-01-05 23:30:05

你也可以试试这个,

代码语言:javascript
代码运行次数:0
复制
$(document).ready(function(){
   $('.rad_roof').click(function(){
        if($(this).is(":checked")){
            $(".showdiv").show();
        }
   });
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27793964

复制
相关文章
【SQL】从待选项中随机选一个
由于SQL Server没有数组类型,所以在面对“从若干待选项中选一个”这种需求时,往往要采取变通办法,比如弄个‘a|b|c’这样的字符串然后对字符串进行处理;又或者把待选项塞进一个临时表,然后把问题变成如何select的问题。下面的写法就是采用后一种,只不过得益于VALUES和CTE,我们不必真的一板一眼的去弄个临时表或表变量什么的,可以让代码更加紧凑,不至于很冗杂。
AhDung
2019/06/11
6700
选择篇(047)-JavaScript中的所有内容都是…
原始类型是boolean,null,undefined,bigint,number,string和symbol。
齐丶先丶森
2022/05/12
1.1K0
7个有用的Pandas显示选项
andas是一个在数据科学中常用的功能强大的Python库。它可以从各种来源加载和操作数据集。当使用Pandas时,默认选项就已经适合大多数人了。但是在某些情况下,我们可能希望更改所显示内容的格式。所以就需要使用Pandas的一些定制功能来帮助我们自定义内容的显示方式。
deephub
2023/02/01
1.3K0
如果通过一个文件中的行号,来找出另一文件中的所有行?
假如A文件内容为: 105 126 155 205 206 305 328 339 342 360 另有一B文件,现在要根据A文件中的行号,找出B文件所有对应行数据,并存到另一文件C中,SHELL如何实现?
一见
2018/08/07
8700
从 Python 列表(list)中随机选择一个元素
import random foo = ['a', 'b', 'c', 'd', 'e'] print(random.choice(foo)) 或 foo = ['a', 'b', 'c', 'd', 'e'] from random import randrange random_index = randrange(0,len(foo)) print foo[random_index]
Python疯子
2018/09/06
6.9K0
content-type 的所有可选项
‘ez’        => ‘application/andrew-inset’,     ‘hqx’        => ‘application/mac-binhex40’,     ‘cpt’        => ‘application/mac-compactpro’,     ‘doc’        => ‘application/msWord’,     ‘bin’        => ‘application/octet-stream’,     ‘dms’        => ‘application/octet-stream’,     ‘lha’        => ‘application/octet-stream’,     ‘lzh’        => ‘application/octet-stream’,     ‘exe’        => ‘application/octet-stream’,     ‘class’        => ‘application/octet-stream’,     ‘so’        => ‘application/octet-stream’,     ‘dll’        => ‘application/octet-stream’,     ‘oda’        => ‘application/oda’,     ‘pdf’        => ‘application/pdf’,     ‘ai’        => ‘application/postscript’,     ‘eps’        => ‘application/postscript’,     ‘ps’        => ‘application/postscript’,     ‘smi’        => ‘application/smil’,     ‘smil’        => ‘application/smil’,     ‘mif’        => ‘application/vnd.mif’,     ‘xls’        => ‘application/vnd.ms-Excel’,     ‘ppt’        => ‘application/vnd.ms-Powerpoint’,     ‘wbxml’        => ‘application/vnd.wap.wbxml’,     ‘wmlc’        => ‘application/vnd.wap.wmlc’,     ‘wmlsc’        => ‘application/vnd.wap.wmlscriptc’,     ‘bcpio’        => ‘application/x-bcpio’,     ‘vcd’        => ‘application/x-cdlink’,     ‘pgn’        => ‘application/x-chess-pgn’,     ‘cpio’        => ‘application/x-cpio’,     ‘csh’        => ‘application/x-csh’,     ‘dcr’        => ‘application/x-Director’,     ‘dir’        => ‘application/x-director’,     ‘dxr’        => ‘application/x-director’,     ‘dvi’        => ‘application/x-dvi’,     ‘spl’        => ‘application/x-futuresplash’,     ‘gtar’        => ‘application/x-gtar’,     ‘hdf’        => ‘application/x-hdf’,     ‘js’        => ‘application/x-javascript’,     ‘skp’        => ‘application/x-koan’,     ‘skd’        => ‘application/x-koan’,     ‘skt’        => ‘application/x-koan’,     ‘skm’        => ‘application/x-koan’,     ‘latex’        => ‘application/x-latex’,     ‘nc’        => ‘application/x-netcdf’,     ‘
全栈程序员站长
2021/04/25
5920
显示器 设置选项 解析
明亮度 Gama:显示器的输出图像对输入信号的失真程度。 DCR:Dynamic Contrast Ratio,动态对比率。自动判断画面整体亮度,对画面各部分进行亮度调整,使细节更清晰,层次更分明。 颜色设置 色温 暖色 正常 冷色 sRGB:RGB(色彩空间)的一种标准。 DCB模式 OSD设置 其他 DDC/CI:Display Data Channel Command Interface,基于DDC/CI协议,用户可以通过鼠标和人性化的软件界面来完成显示器的各项设置和色彩调节,
JNingWei
2018/09/28
1.6K0
牛人大作!从收音机变成机器人的过程
我是那种会留下所有损坏的电子设备的人,因为我有可能会在某天用到这些东西。我有一张坏了的CD,一个磁带盒和一个别人送我的收音机,它会随机地保持关机状态。事实证明,这不过是因为收音机的某个焊点坏了。把收音机拆开后我才意识到,由于我们已经有了手机,这些年我们已经很少用到它了。如果我再把它组装回来,也不过是放在架子上落灰。 我决定把它身上多余的东西拆掉,用剩下的关键部位组装出一种功能不变但外表新颖的东西。这样起码还能将它作为架子上的装饰品。如果你也喜欢利用废品做机器人,那么你可能会喜欢这样的尝试。这个机器人
机器人网
2018/04/13
5510
牛人大作!从收音机变成机器人的过程
如果选择优质股票
费雪指的是菲利普·费雪(1907-2004),终年97岁,是华尔街极受尊重和推崇的成长股投资大师。最近我读完了他写的《怎样选择成长股》。
麦时
2019/07/22
4370
图片的选择和显示
这个就是图片的选择框,在我们点击这个框的时候会给我们弹出一个文件选择,当我们选中图片的时候就把图片显示在这个框上面,如果选中的不是一个图片这个时候就需要用到一个正则表达式来进行一个判断。
PHY_68
2020/09/16
1K0
图片的选择和显示
Wordpress显示所有文章
使用下面loop只能展示当前分类下的文章 <?php if(have_posts()): ?> <?php while(have_posts()):the_
切图仔
2022/09/14
7370
2021-03-08:在一个数组中,任何一个前面的数a,和任何
2021-03-08:在一个数组中,任何一个前面的数a,和任何一个后面的数b,如果(a,b)是降序的,就称为逆序对。返回逆序对个数。
福大大架构师每日一题
2021/03/08
3610
2021-03-08:在一个数组中,任何一个前面的数a,和任何
修复WordPress升级4.2外观菜单中显示选项无法点击问题
WordPress 升级 4.2 之后,目前发现存在如下 3 个问题: 有部分主题的前台会产生大量的 404 错误请求(站外资源); 评论表情名称变更导致表情无法显示或者无法通过钩子更改; 外观-->
张戈
2018/03/23
1K0
修复WordPress升级4.2外观菜单中显示选项无法点击问题
如果经常在 WordPress 上传同名的图片,最好开启这个选项
如果经常在 WordPress 上传同名的图片,比如都是 1.jpg 或者 未命名图片.jpg 这种,可能一次图片上传的行为就会造成上百次的 SQL 查询,直接引起数据库请求数过多。
Denis
2023/04/13
3490
如果经常在 WordPress 上传同名的图片,最好开启这个选项
Confluence 6 修改导航显示选项 原
https://www.cwiki.us/display/CONF6ZH/Configure+the+Sidebar
HoneyMoose
2019/01/30
1.4K0
Confluence 6 修改导航显示选项
                                                                            原
nginx配置让任何文件在浏览器中显示文本text/plain
http://www.sijitao.net/1879.html?utm_source=tuicool&utm_medium=referral 例如配置1.plist类型的文件,让他在浏览器中直接打
保持热爱奔赴山海
2019/09/18
3.9K0
nginx配置让任何文件在浏览器中显示文本text/plain
如何从 Python 列表中删除所有出现的元素?
在 Python 中,列表是一种非常常见且强大的数据类型。但有时候,我们需要从一个列表中删除特定元素,尤其是当这个元素出现多次时。本文将介绍如何使用简单而又有效的方法,从 Python 列表中删除所有出现的元素。
网络技术联盟站
2023/06/01
12.3K0
android 从相册选择图片_android调用相册并显示图片
public class MainActivity extendsAppCompatActivity {int REQUEST_CODE = 0;privateNineGridImageView ngiv;private ArrayListphotos;privateDialog dialog;privatecn.com.jwtimes.www.jwtimes.mAdapter mAdapter1;
全栈程序员站长
2022/11/08
1.7K0
eclipse中Tomcat服务器里的servlet location选项显示灰色(已解决)
今天在修改Tomcat里的设置时,发现servlet location里的选项和下面的Deploy path都点不了
海拥
2021/08/23
7790
点击加载更多

相似问题

如何从收音机中选择选项并显示它?

22

如果选择选项,则显示类别中的所有页面,选择所有类别

10

如果选择了所有选项,则选择所有选项

21

如果选择了所有多个选项,则显示div。

41

如果没有选择选项,则显示所有结果

15
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

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

洞察 腾讯核心技术

剖析业界实践案例

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