`

单选框控制表单的隐藏和显示

阅读更多
<script type="text/javascript">
function show(){	
    document.getElementById("test").style.display = "block";
}
function hide(){	
    document.getElementById("test").style.display = "none";
}
</script>
<input type="radio" name="group1" value="yes" onchange="show()" />显示<input type="radio" name="group1" value="no" onchange="hide()" />不显示<div id="test" style="display:none">	
    <input type="text" />
</div>
分享到:
评论

相关推荐

    小楼axure rp教程(三)单选框效

    - 以“男”为例,设置其`onclick`事件为:如果当前点击的是“男”单选框,则取消其他两个单选框(“女”和“保密”)的选中状态。 - 类似地,对“女”和“保密”单选框也进行同样的设置。这样做的目的是确保每次...

    jQuery美化单选框星级评论表单代码

    "jQuery美化单选框星级评论表单代码"就是一种提升用户体验的方法,它利用jQuery库来增强HTML表单的视觉效果和交互性,特别是针对星级评价这一常见功能。 jQuery是一个广泛使用的JavaScript库,它简化了JavaScript的...

    jQuery模拟iphone单选框复选框效果.zip

    在本文中,我们将深入探讨如何使用jQuery来模拟iPhone上的单选框和复选框效果。这个项目中的"jQuery模拟iphone单选框复选框效果.zip"包含了一个简单的示例,其中包括了HTML、CSS图像和JavaScript文件,它们共同作用...

    支持ie8单选框与复选框自定义样式制作

    在网页设计中,单选框(Radio Button)和复选框(Checkbox)是常见的表单元素,用于收集用户的选择信息。然而,这些元素在默认情况下,其样式受限于浏览器的控制,导致在不同浏览器下的显示效果可能不统一,特别是在...

    基于jquery的iPhone风格的单选框和复选框.zip

    为了创建iPhone风格的单选框和复选框,开发者可能会用到伪元素(`:before`和`:after`)来添加图形元素,如勾选标记或圆点,然后通过JavaScript控制这些元素的显示和隐藏。同时,可能还会使用媒体查询(media queries...

    流程表单动态显示1

    函数中,通过`editor.getAttribute('Field_Name')`获取当前选中的单选框字段名,然后判断选中的值,根据不同的值显示或隐藏相应的行。例如,当用户选择“停保”时,显示`id="tb"`的行,隐藏其他行。 示例JavaScript...

    一款纯css3实现简单的checkbox复选框和radio单选框

    在网页设计中,复选框(checkbox)和单选框(radio button)是常见的表单元素,用于收集用户的选择信息。这些元素通常是基于HTML的`&lt;input&gt;`标签创建的,但其外观和交互效果通常需要CSS来定制。本文将详细介绍如何...

    js下获得单选框的值的代码

    本文将详细介绍如何在JS中获取单选框(`&lt;input type="radio"&gt;`)的值,并深入探讨相关知识点,帮助读者更好地理解和应用这些技术。 ### 一、基础知识回顾 #### 1.1 HTML中的单选框 单选框是通过`&lt;input&gt;`标签并...

    使用JavaScript在单选按钮上显示/隐藏控件单击

    总的来说,使用JavaScript在单选按钮上显示或隐藏控件是一种常见的前端交互设计技术,它依赖于对HTML、CSS和JavaScript的基本理解,以及对用户体验的敏锐洞察。结合`.NET`和`ASP.NET`等后端技术,可以构建出功能完备...

    用jquery与css打造个性化的单选框和复选框

    同时,我们通过jQuery来动态地为`&lt;label&gt;`添加或移除类名,从而控制背景图片的显示或隐藏,实现当单选框或复选框被选中时,对应的标签会有明显的视觉效果变化。 具体实现的步骤如下: 1. 定义CSS样式:首先需要...

    javascript处理单选按钮组

    在实际项目中,单选按钮组的处理通常涉及表单验证、动态显示隐藏内容或根据用户选择更新页面状态等功能。例如,在电子商务网站中,可能需要根据用户选择的配送方式显示不同的运费;或者在用户调查问卷中,根据用户的...

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

    以上就是使用layui的radio组件和form模块实现点击事件控制input元素显示和隐藏的完整过程。这种方法不仅展示了layui框架的强大功能,同时也提供了前端交互设计的一个简单而有效的实践案例。对于前端开发人员来说,这...

    Bootstrap响应式弹出式窗口表单代码.zip

    例如,`Modal`插件实现了弹出式窗口的动态显示和隐藏,`Popover`提供了浮动提示信息,而`Tooltip`则在鼠标悬停时显示元素的简短描述。 6. **自定义化**:Bootstrap 3.3.7的代码是模块化的,可以根据项目需求进行...

    复选框 实现 单选 全选

    此外,当全选复选框被选中时,会清空隐藏字段`context`和`contextTemp`的值,这是因为这些字段在全选状态下可能不再需要显示具体的选择信息。 #### 实现细节 1. **全选复选框**:位于表格头部的复选框,其`onclick...

    j2ee 表单学习

    - **div 和 span**:用于布局和样式控制。 - 示例代码: ```html &lt;!-- 表单控件 --&gt; &lt;!-- 表单控件 --&gt; ``` 通过以上介绍,我们可以看到J2EE中的表单元素种类繁多,每种元素都有其独特的应用场景。...

    CSS3复选框和单选按钮美化.zip

    在前端开发中,CSS3(层叠样式表第三版)为网页设计提供了丰富的样式和交互功能,其中之一就是能够对常见的HTML表单元素如复选框(checkbox)和单选按钮(radio button)进行美化。本资源"CSS3复选框和单选按钮美化....

    Js封装的弹窗表单-xForm

    xForm插件允许开发者轻松地动态生成包含多种输入类型的表单,如文本框、选择框、复选框、单选按钮等。 4. **事件处理**: JavaScript提供了丰富的事件处理机制,xForm利用这些机制来监听用户与表单的交互,例如点击...

    表单设计器

    2. **表单逻辑**:支持条件分支和逻辑跳转,可以根据用户在表单中的填选情况动态显示或隐藏某些字段,实现更智能的交互体验。 3. **数据验证**:能设置字段的数据类型和验证规则,确保收集到的信息准确无误。例如,...

    DOM基础教程之使用DOM控制表单

    常见的表单元素包括文本框`&lt;input type="text"&gt;`、密码框`&lt;input type="password"&gt;`、单选按钮`&lt;input type="radio"&gt;`、复选框`&lt;input type="checkbox"&gt;`、下拉列表`&lt;select&gt;`和多行文本输入区`&lt;textarea&gt;`。...

Global site tag (gtag.js) - Google Analytics