html实现radio按钮选中后显示输入框和提示

点击不同单选按钮出现不同内容 就我个人来说,我要实现的东西是,审核某个东西,如果通过则不需要填写理由,如果审核不通过则需要填写理由,出现一个文本域<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><script src="js/jquery.min 阅读详情

如果内心深处恐惧JS的话,以下是很简单实用的方法:

<div >

<input type="radio"  name="c_guomin"   value="yes" style="align: bottom;margin-left:20pt;margin-right:10pt"
onclick="document.getElementById('gmwp').style.display='';document.getElementById('label').style.display='' " />有      
<input type="radio"  name="c_guomin"   value="no" style="align: bottom;margin-left:20pt;margin-right:10pt" 
onclick="document.getElementById('gmwp').style.display='none';document.getElementById('label').style.display='none';
document.getElementById('gmwp').value=''"/>没有


</div>
<div style="font-family:microsoft yahei;font-size:22pt;padding-left:50pt;padding-top:10pt;color:#4F4F4F"> 
<label id="label" style="display:none" >请输入名称:<br></label>
<input  type="text" name="c_guomin_name" id="gmwp" style="display:none"
style="align: bottom;margin-left:20pt;margin-right:10pt;margin-top:10pt"  />
 </div>
HTML radio单选框如何实现可取消选中 radio单选框是Web表单中最基础的互斥选择控件,其核心原理基于name属性的组内排他机制,由浏览器原生维护‘有且仅有一个checked为true’的约束。这种单向性设计虽符合HTML规范,但在实际业务中常面临‘暂不选择’‘条件重置’‘多步骤回退’等需主动取消的场景,导致用户体验断层与状态管理混乱。技术价值在于通过隐藏占位符、响应式数据驱动或跨端事件桥接等方式,在不破坏语义和无障碍的前提下,安全引入‘无选中’状态。典型应用场景包括电商筛选清空、小程序表单重置、IDEA等桌面应用的Archetype选择逻辑 阅读详情

相关推荐

Vue 实现切换单选按钮,在输入框显示不同的内容。

Vue 实现切换单选按钮,在输入框显示不同的内容。

是秃子总会发光 3597

html redio 选择事件,Radio选项选中触发事件弹出输入框效果

有的时候需要radio选项被选中后触发一系列的事件显示想要显示的东西,选中不同的选项触发不同的事件,下面介绍利用JS弹出不同的文本框效果。代码如下:function s1(va) {if(va=="0"){document.getElementById('a').style.display='block';document.getElementById('b').style.display='no...

weixin_42565402的博客 1081

[HTML]Web前端开发技术17(HTML5、CSS3、JavaScript )textarea,checkbox,button,fieldset,option,radio——喵喵画网页

表单概述   表单信息输入   单行文本输入框、密码框文本框   关于在不同浏览器中&nbsp显示宽度不同的解决问题   关于IE浏览器中默认文本框和密码框显示长度不一的问题   复选框、单选按钮   提交按钮、重置按钮和普通按钮   图像提交按钮   按钮组合案例   文件选择框及隐藏框   多行文本输入框   下拉列表框   列表标签   定义域和域标题 课后练习 网页标题:中国出版协会简化网站

ormstq的博客 2584

uview中根据后台数据绑定radio单选框

今天需要做一个单选框,然后单选框上的显示文本需要是后台传输过来的,由于之前只是后端,前端写的很少,而且经过了解后发现uview时uniapp的一个UI,也就是移动端的组件,是我从来没接触过的组件,所以上手组件就花了一个上午,不过好在下午就做出来了这个功能。:name中的item.后面的名字一定要改成实体类中的名字,否则就会拿不到数据!(ps.其实主要是因为这个忘记改了才浪费许多时间)我这个数组中拿到的是两个实体类,后台代码就不展示了。根据需要的进行删改;

m0_57948069的博客 4075

离散系统傅里叶变换的常用结论证明

本文介绍了离散系统傅里叶变换的三个重要结论:1)时域卷积对应频域相乘(公式1-3);2)时域相乘对应频域卷积(公式4-6);3)帕塞瓦尔定理(公式7)及其广义形式,证明信号能量在变换域保持不变。文末提供了MATLAB卷积运算演示程序,通过动画展示离散信号卷积过程(翻转、平移、相乘、累加),并以方波信号为例给出运行结果图。该程序直观呈现了卷积运算的步骤与结果。

newtton的博客 1302

从零开始:如何用PSINS工具箱构建你的第一个IMU误差模型

本文详细介绍了如何使用严恭敏教授开发的PSINS工具箱构建IMU误差模型,涵盖从基础参数设置到高级误差建模的全过程。通过imuerrset函数配置陀螺零偏、随机游走等核心参数,并结合实战案例展示消费级MEMS器件的误差建模方法,帮助用户提升惯性导航系统的精度与可靠性。

weixin_29284885的博客 322

select、radio选中某一项后,自动弹出一个相应文本框供输入

1、select,弹出相应文本框说明:当select选中值改为else,其值为“-1”时,显示一个自定义的输入框,若要将自定义的项加入到select的数据项中,需在后台将自定义项存入对应的数据表中,这样,在刷新后,下一次访问这个select时,该自定义项就会出出现在select的选项中。项目的技术成果发布表单中的就有该功能的应用。js: function chg(obj) {

dby124的博客 1万+

别再对着数据手册画图了!用HFSS 2023 R2快速复现ESP-01的PCB天线(附模型文件)

本文详细介绍了使用HFSS 2023 R2逆向复现ESP-01 PCB天线的五个关键步骤,包括逆向工程准备、高效建模技巧、材料与边界设置、激励与求解配置以及结果分析与设计验证。通过参数化建模和智能边界检测,大幅提升仿真效率,适用于WIFI和蓝牙设备的射频设计优化。

weixin_30832143的博客 76

jQuery实现点击radio,当选中‘其它’时,显示后面输入框;否则隐藏

有时候会遇到这么一个很简单的功能: jquery实现点击radio,当选中‘其它’时,显示后面输入框;否则隐藏 html代码: &lt;div&gt; &lt;input type="radio" name="rd" class="same" value='选项二' &gt;选项一 &lt;input type="radio" name="rd" cl

weixin_33744854的博客 2066

ANSYS MAXWELL内置式永磁同步电机(IPMSM)转矩最大时输入电流相位的确定

1.在转子转速为零时看一个周期内的转矩变化

qq_41752507的博客 6517

YOLOv8【第九章:模型部署篇·第2节】一文搞懂,模型剪枝与压缩技术!

🏆 本文收录于 《YOLOv8实战:从入门到深度优化》 专栏。该专栏系统复现并梳理全网各类 YOLOv8 改进与实战案例(当前已覆盖分类 / 检测 / 分割 / 追踪 / 关键点 / OBB 检测等方向),坚持持续更新 + 深度解析,质量分长期稳定在 97 分以上,可视为当前市面上 覆盖较全、更新较快、实战导向极强 的 YOLO 改进系列内容之一。

**My Coding Family** 1526

实现选择radio按钮后添加一个文本输入框的示例

实现选择radio按钮后添加一个文本输入框: onclick="document.getElementById('gmwp').style.display='';document.getElementById('label').style.display='' " />有       onclick="document.getElementById('gmwp').style.

windvally的专栏 5421

【Claude】Not logged in · Please run /login 报错已解决

意味着 Claude Code 没有找到任何有效凭证。直接/login——交互式首选;检查——排查环境变量污染;CI 用——自动化场景标准方案;macOS Keychain 异常——/logout/login重置;时钟偏差——校准系统时间。参考:Claude Code 官方《错误参考》"身份验证"章节、官方认证优先级文档、社区 Token 过期排查记录。

博客 9979

layui radio点击事件实现input显示和隐藏

前端代码 &lt;link rel="stylesheet" href="/static/index/layui/css/layui.css"&gt; &lt;script type="text/javascript" src="/static/index/layui/layui.js" charset="utf-8"&gt;&lt;/script&gt

zz_lkw的博客 1万+

运放比较电路分析以及应用

摘要:本文介绍了基于LM321运放的同相输入型单限电压比较器电路。该电路通过运放开环工作模式实现电平判断:当输入信号Vs+>0V时输出+15V高电平,Vs+<0V时输出≈0V低电平。典型应用包括直流电压过零检测、交流信号整形、电池欠压报警和数字信号噪声过滤。电路具有结构简单(仅需1个运放和1个电阻)、成本低的优势,适用于传感器信号处理、波形转换等场景。使用时需注意参考电平调整、输出电平匹配等问题,如需抗噪声可增加正反馈电阻构成施密特触发器。该电路是运放实现简单电平逻辑的经典方案。

qq_37999850的博客 401

UNET改进77:全网首发-添加CFBlock |

本文介绍了在UNet模型中集成CFBlock注意力机制的实现方法。主要分为三个步骤:1) 创建CFBlock模块,包含卷积注意力机制和MLP;2) 在UNet连接处添加注意力模块;3) 在卷积层中嵌入注意力机制。具体实现包括:定义Conv、MLP和ConvolutionalAttention等基础模块,构建CFBlock核心结构;在UNet跳跃连接处插入注意力模块;将注意力机制整合到DoubleConv和Down模块中。该方法通过在不同位置引入注意力机制,可有效提升模型的特征提取能力。代码实现使用PyTor

AIcurator的博客 388

AngularJS radio单选按钮

radio单选按钮,当选择不同的选项时,AngularJS会获取不同的值,从而实现插入不同内容的功能。

great_frank 的专栏 3万+

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

Bootstrap-select下拉多选框+选中项添加radio单选按钮组

目录一、问题描述二、具体实现1. 下载Bootstrap-select及汉化插件并引入2. bootstrap-select下拉多选实现HTMLJS三、参考博客 一、问题描述 工作中遇到的需求,需要将下拉单选框改成下拉多选框,因此使用Bootstrap-select插件完成。这个下拉单选框可以通过按钮切换为输入框,选中项或输入项都添加为radio单选按钮。过程中遇到了以下问题。 Bootstrap-select显示出错,总是显示两个下拉多选框 Bootstrap-select宽度width问题 radio

ycsss的博客 4599

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

HTML type="radio" 不显示按钮

input type="radio" name="Sex" value="Male" checked="checked"> HTML中type="radio" 但是在界面中不显示。 查看css,使用到了全局 input{-webkit-appearance:none;} 导致type=“radio”应该显示的小圆圈不显示了。或者说使input失效了

西门吹吹吹雪 1万+

点击文字同时选中checkbox radio按钮 label实现

<div class="divFlex" data-price="0.00" data-value="0"> <p class="p"> <label class="label-input" data-price="0" data-value="0"> <input type="radio" class="radio" name="m_c.

xiao白的博客 585

一个用radio控制的输入框

第一种方法:   function changeType()  {    if(document.all.radio[0].checked){     document.all.text2.style.display=none;     document.all.text1.style.display=;    }    if(document.all.radio[1].checked){

迷失在爪哇世界中的专栏 2051

php单选按钮关闭文本框,使用php在html中显示单选按钮文本(Display radio button text in html with php)...

使用php在html中显示单选按钮文本(Display radio button text in html with php)我从数据库中获取数据并正常显示到html页面。 我想把数组值输出到单选按钮。 当我打印它显示的值但它没有在单选按钮中显示任何内容。" name="q_" value="">我无法找到这行代码中的错误。I am fetching an array of data fro...

weixin_30332165的博客 494

html radio 选中_html常用标签

1.组织标签常用列表<p>定义一个段落。<hr>代表章节、文章或其他长内容中段落之间的分隔符。<ol>定义一个有序列表。<ul>定义一个无序列表。(内部标签必须是li)<li>定义列表中的一个列表项。(父元素必须是ul)<dl>定义一个定义列表(内部标签必须是dt)。<dt>代表一个由下一个<dd>定义...

weixin_39616071的博客 522

arcgis html自定义按钮_HTML 表单和输入

HTML 表单用于收集不同类型的用户输入。在线实例创建文本字段 (Text field)本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。创建密码字段本例演示如何创建 HTML 的密码域。(在本页底端可以找到更多实例。)HTML 表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-but...

weixin_42513387的博客 364

radio选择出现弹出框

  &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;单选框radio绑定click事件&lt;/title&gt; &lt;meta http-equiv="content-type" content="text/html;charset=utf-8" /&gt; &lt;/head&a

monica1_1的博客 1628

HTML 输入框(输入表格)语法

说明一个输入表格。这是从浏览器向服务器发回反馈信息或交互运行的重要方式。其中: METHOD=GET 从服务器获取信息     =POST 发送表格信息到服务器 ACTION=“CGI-program” CGI-program是服务器上一个可执行程序,其接口标准为CGI (Common Gateway Interface),它将处理浏览器发送回来的 填表信息。 表格中可以使用多种元件,如输入框、列表、按钮等。  输入框或按钮选择。在中使用。其中: SIZE=n 输入框或按钮大小 NAME=“name” 便于

daguanlanhao的专栏 1634
上一篇: 微信开发学习笔记(第一步:)基本配置
下一篇: input checkbox 复选框的操作示例
windvally
博客等级 码龄25年 20粉丝 76原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值