Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jQuery在单击不同的单选按钮时启用/禁用文本框

使用jQuery在单击不同的单选按钮时启用/禁用文本框
EN

Stack Overflow用户
提问于 2012-09-13 22:59:17
回答 2查看 8.4K关注 0票数 1

我在一个组中有4个单选按钮,比如1,2,3,4,加上radiobutton1还有另外两个输入文本框。当我选择radiobutton1时,这些文本框将被启用,但是在选择单选按钮2,3,4时,文本框将被禁用。选择单选按钮2,3,4并禁用文本框后,如果选择回radiobutton1,则应启用文本框。默认情况下(首次加载页面时),将选择单选按钮1和启用文本框。

这是我用MVC3编写的使用Razor视图引擎编写的HTML代码。

代码语言:javascript
运行
AI代码解释
复制
@Html.RadioButtonFor(m => m.Search, "rb1", new { Checked = "true", id = "1" })radio 1 
<td>@Html.TextBoxFor(m => m.textbox1, new { style = "width:11%" })
<td>@Html.TextBoxFor(m => m.textbox2, new { style = "width:11%" })
@Html.RadioButtonFor(m => m.Search, "rb2", new { id = "2" })radio 2
@Html.RadioButtonFor(m => m.Search, "rb3", new { id = "3" })radio 3
@Html.RadioButtonFor(m => m.Search, "rb4", new { id = "4" })radio 4

我需要在最少的代码行中使用jquery来完成这个任务。有什么建议吗?

EN

回答 2

Stack Overflow用户

发布于 2012-09-13 23:10:37

代码语言:javascript
运行
AI代码解释
复制
     $("#r1").click(function () {
                $(".myText").attr("disabled", false);
            });

            $(".disableText").click(function () {
                $(".myText").attr("disabled", true);
            });

HTML:

代码语言:javascript
运行
AI代码解释
复制
<input type="radio" name="r" id="r1"  />
<input type="radio" name="r" id="r2"  class="disableText" />
<input type="radio" name="r" id="r3"  class="disableText" />
<input type="radio" name="r" id="r4"  class="disableText" />
<input type="text" id="t1" class="myText" disabled="disabled" />
<input type="text" id="t2"  class="myText" disabled="disabled"  />
票数 3
EN

Stack Overflow用户

发布于 2012-09-13 23:53:00

jQuery

代码语言:javascript
运行
AI代码解释
复制
$('input[type="radio"]').click(function() {
    if($(this).index() == 0) {
        $('input[type="text"]').removeAttr('disabled');
    } else {
        $('input[type="text"]').prop('disabled', 'disabled');
    }
});

代码语言:javascript
运行
AI代码解释
复制
<input type="radio" name="group" />
<input type="radio" name="group" />
<input type="radio" name="group" />
<input type="radio" name="group" />

<input type="text" disabled="disabled" />
<input type="text" disabled="disabled" />
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12419585

复制
相关文章
R-tmap+grid 实现南海小地图的添加
在推出一篇使用R-tmap绘制带有「指北针(compass)」 和「比例尺(scale bar)」 的教程图文哦,有很多小伙伴私信说“解决了好久没解决的问题,而且绘图语法和ggplot2相似”。能得到类似的回答,我也是很高兴的,最起码帮到了你们,让你们少走我之前走过的坑。同时也有小伙伴提出「能不能将南海九段线单独绘制,并放置在整幅图的右下角?」 起初我在查阅tmap官网时也确实发现了类似功能的绘图函数tm_minimap() 。
DataCharm
2021/02/22
1.4K0
R-tmap+grid 实现南海小地图的添加
空间地理数据可视化之 tmap 包及其拓展
本篇 R 可视化将继续介绍 《Geospatial Health Data》[1] 中用 R 包制作地图的相关内容,使用的包是 tmap ,创建出来的图像多种多样、十分漂亮!
庄闪闪
2021/09/14
2.1K0
R-tmap 绘制带指北针和比例尺的空间地图
昨天有小伙伴在讨论群里提问"有没有关于绘制带比例尺和指北针的地图可视化教程",我也进行了答复,没想到关注的人比较多,那就安排推文教程(最近在系统整理资料,所以这篇也是计划外的
气象学家
2020/09/22
3.1K1
R-tmap 绘制带指北针和比例尺的空间地图
R-tmap 绘制带指北针和比例尺的空间地图
昨天有小伙伴在讨论群里提问"有没有关于绘制带比例尺和指北针的地图可视化教程",我也进行了答复,没想到关注的人比较多,那就安排推文教程(最近在系统整理资料,所以这篇也是计划外的
DataCharm
2021/02/22
1K0
R-tmap 绘制带指北针和比例尺的空间地图
使用 Flutter 制作地图应用
在本文中,我将向您展示如何使用 Flutter 向您的应用程序添加映射功能。对于本教程,您将不需要 google maps API,因此您无需支付任何费用,因为我们将使用另一个免费 API,所以不用多说,让我们深入研究它。
徐建国
2021/08/08
2.8K0
R-ggplot2 标准中国地图制作
由于基础图表绘制系列推文还在加紧准备中,所以这期推文还是对一些感兴趣的图表进行绘制,这期涉及空间图表绘制,主要涉及知识点如下:
DataCharm
2021/02/22
1.3K0
R-ggplot2 标准中国地图制作
R-ggplot2 标准中国地图制作
由于基础图表绘制系列推文还在加紧准备中,所以这期推文还是对一些感兴趣的图表进行绘制,这期涉及空间图表绘制,主要涉及知识点如下:
用户7010445
2020/11/24
3K0
R-ggplot2 标准中国地图制作
在 hexo 中无痛使用本地图片
1 起因 在 hexo 中使用本地图片是件非常让人纠结的事情,在 markdown 里的图片地址似乎永远无法和最后生成的网页保持一致。 这些问题使得我一度不愿意使用本地图片而选择用图床,但被移动运营商无耻的横条广告逼得打算上 https,图床只支持 http 就成了问题。 hexo 下插入图片现在大概有几个方案 1.1 放在根目录 早期大部分的方案是把图片放在 source/img 下,然后在 markdown 里写 ![img](/source/img/img.png) 。显然这样在本地的编辑器里完全不能
用户1148881
2018/01/15
2.7K0
百度地图在Android中的使用
有关百度地图的使用,(http://lbsyun.baidu.com/index.php?title=androidsdk/sdkandev-download)这个链接说明的很详细了,包括环境的搭建,
提莫队长
2019/02/21
1.3K0
在 R 中使用 sf 和 ggplot2 绘制河流地图
今年的3月22日是“世界水日”,它关注淡水的重要性,并引起人们对无法获得安全用水的22亿人的关注。今年的重点是地下水,这是为我们的泉水、河流、湖泊和湿地提供食物的宝贵来源。
气象学家
2022/04/18
2.8K0
在 R 中使用 sf 和 ggplot2 绘制河流地图
在uniapp中引入地图
文档:https://uniapp.dcloud.io/component/map
阿超
2022/08/17
9460
在uniapp中引入地图
使用api制作我的足迹地图
很早的时候看到别人博客的足迹地图,就想着自己也搞一个,但是没找到相关的技术文章。不知道从何下手,前两天有了思路就做了起来。可以网上找地图的素材也可以用百度高德的开放平台做,还有一些其他的jQuery地图插件,也可以做出很漂亮很酷炫的地图,不过感觉没有百度地图这样的。。。。
sunonzj
2022/06/21
1.8K0
手把手教你使用QGIS制作地图
QGIS是一款开源免费的地理信息系统软件,虽然比不上商业的ArcGIS软件,但是QGIS免费而且跨平台,值得学习!
卡尔曼和玻尔兹曼谁曼
2020/04/09
8.4K0
手把手教你使用QGIS制作地图
使用Python制作3个简易地图
在处理地理空间数据时,经常需要以最自然的方式可视化这些数据:地图。如果可以使用Python快速轻松地创建数据的交互式地图,在本教程中使用洛杉矶县所有星巴克位置的数据集。在文章的最后将能够创建:
代码医生工作室
2019/06/21
4.3K0
使用Python制作3个简易地图
「R」ggplot2在R包开发中的使用
没有特别系统的学习 tidy evaluation 这方面的高级操作,最近有空准备补一补,学习下这方面的知识。
王诗翔呀
2022/03/30
7.4K0
制作乡镇地图数据
最近在开发关于乡镇地图相关的业务。通过本文记录开发的过程和遇到的问题。希望通过本文对有同样需求的小伙伴有所帮助。
逍遥子大表哥
2022/12/21
2K0
制作乡镇地图数据
echarts制作疫情地图
ECharts地图详解:https://blog.csdn.net/xieweikun7/article/details/52766676
陨石坠灭
2020/05/22
4.6K0
R语言数据地图——美国地图
之前有过一段时间,特别热衷于数据地图,也分享很多篇关于地图制作的教程(涉及到各种作图软件),但大多是整理拼凑,自己发挥的不多。 最近在看哈德利.威科姆的那本火遍全球的R语言数据可视化经典教程——《ggplot2——数据分析与图形艺术》。书内虽然关于数据地图的内容很少,但是ggplot所渗透的可视化图层理念实在让人叹为观止。 书中完全将复杂的地图图表语言拆解成常规图表思维,通过图层叠加、分组填色、空间映射,让我对地图这种深度可视化形式有了更多深入的理解。 今天这一篇主要分享美国地图的绘图代码,同样是我们之前分
数据小磨坊
2018/04/11
8K2
R语言数据地图——美国地图
在模仿中精进数据可视化06:常见抽象地图的制作
我们经常会在一些「PPT报告」或者「宣传广告」中看到一些比较抽象的地图,它们都是在正常地图的基础上,通过置换几何元素,来实现出较为抽象的效果,这类的作品非常之多,因此本文不模仿实际的某幅作品,而是制作出下面三类抽象地图:
派大星的数据屋
2022/04/03
6390
在模仿中精进数据可视化06:常见抽象地图的制作
实用帖之R-ggplot2 标准中国地图制作
其实我很早就想试着用R进行此类图表的绘制了,但由于强大的Arcgis和绘图进度等原因,导致迟迟没有进行,这期就进行此类图表的绘制。注:图中散点的经纬度信息已从朋友那获知,但涉及具体数据则是虚构的。
张俊红
2021/01/05
1.4K0
实用帖之R-ggplot2 标准中国地图制作

相似问题

在地图R tmap中缩放城市

14

利用tmap库制作比利时R区地图

12

如何在R中使用tmap函数在地图中插入颜色

14

使用R tmap包绘制2行3张地图

10

改变tmap地图R中数据类别的绘制顺序

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

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

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档