首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

获取选中的单选按钮并隐藏Asp.net MVC中的输入(可能使用jquery?)

在Asp.net MVC中,可以使用jQuery来获取选中的单选按钮并隐藏输入。以下是一个示例代码:

代码语言:javascript
复制
// 获取选中的单选按钮的值
var selectedValue = $('input[name="radioName"]:checked').val();

// 隐藏输入
if (selectedValue === 'option1') {
    $('#input1').hide();
} else if (selectedValue === 'option2') {
    $('#input2').hide();
} else if (selectedValue === 'option3') {
    $('#input3').hide();
}

在上述代码中,radioName是单选按钮组的名称,option1option2option3是单选按钮的值,input1input2input3是要隐藏的输入元素的ID。

这种方法可以通过监听单选按钮的改变事件,实时获取选中的值,并根据选中的值来隐藏相应的输入元素。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JQuery文件上传插件ajaxFileUpload在Asp.net MVC使用

0 ajaxFileUpload简介 ajaxFileUpload插件是一个非常简单基于Jquery异步上传文件插件,使用过程中发现很多与这个同名,基于原始版本基础之上修改过插件,文件版本比较多...,我把我自己使用ajaxFileUpload文件上传到博客园上了,想要使用朋友可以下载:http://files.cnblogs.com/files/fonour/ajaxfileupload.js...整个插件源码不到200行,实现非常简单,大致原理就是通过js动态创建隐藏表单,然后进行提交操作,达到附件上传目的,主要实现在源码里都有注释,不难理解,我们也可以基于此简单版本实现更复杂操作。...return decimal.Round(decimal.Divide(bytes, mbLength), 2).ToString() + "MB"; } 2 ajaxFileUpload使用过程一些问题...解决方法: 经测试handlerError只在jquery-1.4.2之前版本存在,以后版本中都没有这个函数了,因此在将handleError这个函数复制到ajaxFileUpload.js,就行了

3.1K90

ASP.NET Core 基础知识】--MVC框架--Views和Razor语法

View负责展示应用程序数据给用户,接收用户输入。...这样,当访问HomeControllerIndex方法时,MVC框架会自动查找渲染Views/Home/Index.cshtml文件内容。...public class MyModel { [Required] public string Name { get; set; } } 模型绑定是ASP.NET Core MVC处理用户请求和数据输入关键机制之一...4.2 常见模型绑定技巧 在ASP.NET Core MVC,有一些常见模型绑定技巧,可以帮助你更灵活、高效地处理用户请求和数据输入。...五、Views表单处理 5.1 HTML表单基础 HTML表单是一种用于收集用户输入元素,它允许用户通过输入框、下拉菜单、单选按钮等方式向服务器提交数据。

23920

jQuery9个选择器

:only-child :如果当前元素是唯一子元素,则匹配 8、表单选择器 :input :选取页面所有表单元素,包含 select 以及 textarea 元素 :text :选取页面所有文本框...:password:选取所有的密码框 :radio :选取所有的单选按钮 :checkbox:选取所有的复选框 :submit :获取 submit 提交按钮 :reset:获取 reset 重置按钮...:image:获取 type=’image’图像域 :button:获取 button 按钮 :file:获取 type=’file’文件域 :hidden:获取隐藏表单 9、表单对象属性选择器...:enabled:获取所有可用表单元素 :disabled:获取所有不可用表单元素 :checked:获取所有选中表单元素,主要针对 radio 以及 checkbox :selected:所有所有选中表单元素...原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明:转载自:jQuery9个选择器

1.4K20

2022年11月23日——jQuery——T1(基础选择器与表单选择器)

']" ---- 本博客文章使用者为移动2112班,注意重点内容回顾 jQuery简述 为了解决开发过程兼容性问题,产生了许多JavaScript库,目前被频繁使用JavaScript库包括 jQuery...操作按钮,当点击jQuery按钮后会显示图片。 ...id 引用 HTML 元素 id 属性。 注意:id 属性在文档内必须是唯一。 注意:不要使用数字开头 id 属性!在某些浏览器可能出问题。...注意:不要使用数字开头 class 属性!在某些浏览器可能出问题。...表单选择器最常用示例:"input[name='userName']" 语法解析:input就是form表单输入框,毕竟input肯定是个元素集合,那么,我们使用[]来获取集合内容,一般我们表单提交都会添加

5.6K10

php dropdownlist,遇到dropdownlist

获取一个DataSet对象后,可以为DropDownList控件进行绑定,绑定语句如下: DataSet ds = DM.g… 文章 暖枫无敌 2010-09-21 573浏览量 ASP.NET MVC...使用jQuery.Validate进行客户端验证(中级篇-下)——不使用微软验证控件理由 在上一篇文章使用jQuery.Validate进行客户端验证(中级篇-上)我介绍了jQuery.Validate...今天主要以使用jQuery.Validate后会遇到问题为… 文章 zting科技 2017-10-12 1066浏览量 Asp.net Mvc问题索引 这篇文章是对我以及朋友们学习Asp.net Mvc...但是树控件使用和操作都比较复杂,对于一些比较简单操作,比如单选其中一个节点情况则可用使用下拉列表框来代替。...使用过程遇到了一些小问题,记录下来以便日后翻阅。 在MVC项目中使用JQuery,$.Post方法提交数据时产生中文乱码现象?

3K10

js与jQuery区别以及jQuery选择器和方法使用

script标签 js与jQuery代码对比 案例1:点击按钮获取文本框值(JS对比jQuery),如下图 JS版: jQuery版: 先引入jQueryjQuery选择器:用来选中元素         ...: 我们先来看一下怎么获取选中单选按钮值怎么获取。...我们先给按钮添加一个点击事件,点击按钮获取选中单选value属性值。.../* 表单选择器 */ //给提交按钮添加点击事件 $("#ok").click(function(){ //获取表单中被选中单选按钮值  :radio表示单选按钮 :checked表示被选 //...既然能获取选中选项个数,我们接着来获取值。不过多选框选中可能有多个值,所以这个地方需要each遍历。这个地方写法有点复杂,大家注意一下。

15.3K10

Asp.net mvc 知多少(六)

ASP.NET MVC,在服务端有两种方式来对model进行验证: ** Explicit Model Validation (显示模型验证)** 就是使用传统 IF..Else..IF 语句对model...自动缓存,当有一个请求从cdn获取资源,后续有相同请求,将直接从缓存获取。 Q66. 什么是 jquery.validate.unobtrusive.js? Ans....该插件是从ASP.NET MVC3引入,通过使用组合jquery验证和HTML5数据属性在客户端应用数据模型验证。 Q67....可以在ASP.NET MVC3 或 ASP.NET4.0使用捆绑和微小(bundling and minification)吗? Ans....引用这个程序集即可在SP.NET MVC3 或 ASP.NET4.0使用这项技术。 Q69. Bundling(捆绑)是如何使用浏览器缓存能力? Ans. 浏览器缓存资源是基于URLs

2.3K50

ASP.NET MVC5+EF6+EasyUI 后台管理系统(56)-插件---单文件上传与easyui使用fancybox

而目前easyui 1.4.xjquery版本已经到达1.11.x以上。 本以为不能再使用这个插件,但是发现还是有人重写了插件方法让其支持jquery 1.11.x以上,最上面是下载地址。...不过有收费插件fancybox2.0,本身支持高版本jquery,大家可以使用 使用fancybox非常简单。解压包下index基本有所有例子 ? 直接运行结果: ? 显示非常动感。  ...以SysSample例子为例子   构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入后台管理系统(8)-MVC与EasyUI DataGrid 分页 必须让SysSample...支持上传文件上传 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入后台管理系统(32)-swfupload多文件上传[附源码] 我之前只发布过多文件上传源码,实际多文件上传里面也包含了单文件上传...如果你记录支持多张图片。那么必须再新建一张图片子表来关联。 然后用到样例:多张显示 ?

1.7K70

jQuery入门基础——选择器

代码就再写一对script标签 1、代码对比 案例1:点击按钮获取文本框值(JS对比jQuery),如下图 JS版: jQuery版: 先引入jQueryjQuery选择器:用来选中元素 1.1...: 我们先来看一下怎么获取选中单选按钮值怎么获取。...我们先给按钮添加一个点击事件,点击按钮获取选中单选value属性值。.../* 表单选择器 */ //给提交按钮添加点击事件 $("#ok").click(function(){ //获取表单中被选中单选按钮值  :radio表示单选按钮 :checked表示被选 //...既然能获取选中选项个数,我们接着来获取值。不过多选框选中可能有多个值,所以这个地方需要each遍历。这个地方写法有点复杂,大家注意一下。

9.8K20

JQuery快速入门

Write less, do more, I like jQuery. jQuery是最常用js库,整体来说非常轻量易于扩展,对于移动应用可以使用其更轻量孪生兄弟Zepto代替。...('cr');var $cr = $(cr); 此外,在使用多个不同javascript库时,有可能会出现库之间冲突,可以通过如下方式解决。...通配选择器 *{} 其他选择器 伪类选择器、子选择器、临近选择器和属性选择器 那么相应jQuery也会提供对应选择器,增加部分自定义选择器用于方便操作,主要包括基本选择器、层次选择器、过滤选择器...:radio, :checkbox 获取所有单选框/多选框 :submit,:reset,:button 选取单选按钮、多选按钮、任意按钮 :image, :file 选取所有图像按钮,所有上传域 Tip...对于jQuery事件来说,其均使用事件冒泡机制,而不支持时间捕获机制(可以用原生js)。

2.5K100

ASP.Net MVC开发基础学习笔记:四、校验、AJAX与过滤器

二、ASP.Net MVC两种AJAX方式 2.1 使用JQuery AJAX方式   首先,在ASP.Net MVC使用此种方式跟普通WebForm开发方式是一致,需要注意是:Url地址不同...例如,我们在一个View添加一个按钮,用于使用AJAX获取一个服务器端时间: JQuery Ajax方式 <input id="btnJQuery" type="button" value...至此,一个使用JQuery AjaxMVC页面就完成了。但是,这仅是一个最简单AJAX示例,在实际开发往往比较复杂一点。   ...Action打的标签一致; 2.2 使用Microsoft AJAX方式   在ASP.Net MVC除了可以使用JQuery AJAX外,Microsoft为我们提供了另一套实用且更简单AJAX方案...这里是POST方式;   Confirm代表点击提交按钮后提出的确认对话框,给出用户给定提示语,这里是:您确定要提交?

2.1K20

七天学会ASP.NET MVC (三)——ASP.Net MVC 数据处理

系列文章 七天学会ASP.NET MVC (一)——深入理解ASP.NET MVC 七天学会ASP.NET MVC (二)——ASP.NET MVC 数据传递 七天学会ASP.NET MVC (三)——...ASP.Net MVC 数据处理 七天学会ASP.NET MVC (四)——用户授权认证问题 七天学会ASP.NET MVC (五)——Layout页面使用和用户角色管理 七天学会ASP.NET MVC...使用输入控件名作用是什么? 所有输入控件值将随着请求一起发送。同一时间可能会接收到多个值,为了区分发送到所有值为每个值附加一个Key,这个Key在这里就是名称属性。 名称和 Id作用是否相同?...测试保存和取消功能 关于实验11 在实验11为什么将保存和取消按钮设置为同名? 在日常使用,点击提交按钮之后,请求会被发送到服务器端,所有输入控件值都将被发送。提交按钮也是输入按钮一种。...Ajax 使用常规输入按钮来代替提交按钮,并且点击时使用jQuery或任何其他库来产生纯Ajax请求。 为什么在实现重置功能时,不使用 input type=reset ?

5.2K100

七天学会ASP.NET MVC (四)——用户授权认证问题

小编应各位要求,快马加鞭,马不停蹄终于:七天学会 Asp.Net MVC 第四篇出炉,在第四天学习,我们主要了学习如何在MVC如何实现认证授权等问题,本节主要讲了验证错误时错误值,客户端验证...ASP.Net MVC 数据处理 七天学会ASP.NET MVC (四)——用户授权认证问题 七天学会ASP.NET MVC (五)——Layout页面使用和用户角色管理 七天学会ASP.NET MVC...设置名字为空 输入工资值 56 点击“Save Employee”按钮。 会出现验证失败,但是数字 56 仍然显示在 Salary 文本框。 ? 测试2 ?...是可以得,只需要为每个错误创建span 标签,默认设置为不可见,当提交按钮点击时,如果验证失败,使用JavaScript修改错误可见性。 自动获取客户端验证还有什么方法?...在本系列第一讲,我们了解了Asp.NetMVC意义,知道MVCAsp.net一部分,MVC继承了ASP.NET所有特征,包含表单认证。 先来了解ASP.NET是如何进行Form认证

8.7K50

七天学会ASP.NET MVC (六)——线程问题、异常处理、自定义URL

ASP.Net MVC 数据处理 七天学会ASP.NET MVC (四)——用户授权认证问题 七天学会ASP.NET MVC (五)——Layout页面使用和用户角色管理 七天学会ASP.NET MVC...在该选项添加客户端和服务器端验证需要读者自行添加,以下是添加验证提示: 服务器端验证可使用Data Annotations。 客户端验证可利用客户端数据解释和执行jQuery验证。...Webserver 再次获取一个worker线程来处理剩余请求,返回响应。 上述使用场景,会获取两次worker 线程,这两次获取线程可能相同,也可能会不同。...接下来我们会讲解一个Demo,帮助我们更好理解异常过滤器使用。 已经实现上传文件功能,很有可能会发生输入文件格式错误。因此我们需要处理异常。 1....第7章我们会使用MVCJQUery 和Ajax创建简单页面应用。欢迎大家持续关注!

3.9K100

ASP.NET MVC 4, ASP.NET Web API 和ASP.NET Web Pages v2(Razor)现在都是开源了

它确实是快乐一天, (字面上这一刻) 正如我在拉斯维加斯一次会议上,刚刚点击发布按钮来发布这篇博文,以此来宣布 ASP.NET MVC 4,ASP.NET Web API,ASP.NET Web Pages...我们正在CodePlex上让这些 ASP.NET组件成为开源,使用 Git 作为我们存储库。...去年微软开始以一种开放开发样式使用 Windows Azure SDK。它运作良好,所以现在他们正在拓展样式来包括一些常用框架,比如像ASP.NET。这将让我们获取反馈,比以往更快地回应。...你们将在ASP.NET做更多开源东西吗? 我提到我们爱开源了吗?我们将尽可能地继续在 ASP.NET 做开源。 为什么ASP.NET Web Form不是开源?...ASP.NET MVC 可以在Mono 上运行, 我们很喜欢这一点,我们期待着从Mono社区获取代码贡献。事实上,上周我打电话给我朋友Miguel,所以他是第一个提交请求的人。

1.6K60
领券