首页
学习
活动
专区
工具
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表单是一种用于收集用户输入元素,它允许用户通过输入框、下拉菜单、单选按钮等方式向服务器提交数据。

34720
  • 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.4K10

    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

    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.4K50

    jQuery入门基础——选择器

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

    9.9K20

    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.6K100

    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 第四篇出炉,在第四天学习,我们主要了学习如何在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 (三)——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.3K100

    七天学会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
    领券