`
txf2004
  • 浏览: 7040694 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

点击单选接钮显示隐藏层

 
阅读更多
<form>
请选择:
<input type=radio name=n1 onclick="yj.style.display=''" />有意见:
<input type=radio name=n1 onclick="yj.style.display='none'" /> 没意见<br />
<textarea id=yj style="display:none"> (这部分是用户选取了“ 有意见”,才会出现。)
</textarea>

</form>
分享到:
评论

相关推荐

    css3制作checkbox单选按钮美化代码.zip

    在这个例子中,我们使用了字体图标库(如Font Awesome),当复选框被选中时显示勾号,而单选按钮则变为圆形背景。 除此之外,还可以通过CSS3的`transition`和`animation`属性为美化后的按钮添加平滑的过渡效果和...

    div弹出层实现单选功能

    例如,给一个按钮添加点击事件,点击时弹出层显示,再次点击则隐藏。可以使用`show()`和`hide()`方法来控制`div`的可见性。 ```javascript var popup = document.getElementById('popup'); document.getElementById...

    弹出层表单提交数据完美解决

    HTML用于构建表单元素,CSS用于样式设置和弹出层的显示隐藏逻辑,而JavaScript则负责表单的动态行为,如验证和提交。 1. **HTML 结构**: 创建一个包含所有表单元素的`&lt;div&gt;`,并将其默认设置为隐藏。例如,可以...

    css3制作checkbox单选按钮美化特效代码

    首先,隐藏原始的复选框和单选按钮,因为它们的默认样式并不符合我们的设计需求: ```css input[type="checkbox"], input[type="radio"] { display: none; } ``` 然后,创建自定义的样式。可以使用伪元素(`:...

    jQuery弹出遮罩层步骤流程表单代码

    在JavaScript中,你需要编写函数来响应用户的点击事件,当用户点击触发按钮时,该函数将显示遮罩层并展开步骤流程表单。这通常通过改变div的display属性来实现。此外,JavaScript还需要处理表单验证,确保用户输入的...

    css3制作checkbox单选按钮美化代码

    4. 当用户点击或选中时,调整伪元素的样式以显示选中状态: ```css input[type="checkbox"]:checked + label .custom-checkbox:before, input[type="radio"]:checked + label .custom-radio:before { opacity: 1...

    javascript Tree

    对于父节点,需要渲染一个可展开/折叠的图标,并在用户点击时动态加载或隐藏子节点。 4. **事件传播和处理**:在Tree中,节点的选中状态可能会对父节点或子节点产生影响。例如,如果父节点的复选框应该反映所有子...

    基于JS实现EOS隐藏错误提示层代码

    接着,触发提示层的点击事件以实现隐藏。 ```javascript function hiddenMessageDiv(obj) { var div = obj.Eos_Message; if (div != null) { Eos_All_Message.remove(obj); div.click(); } } ``` 对于特定...

    web组建开发指南

    - **radio标签**:创建单选按钮,同一组内的单选按钮只能选择一个选项。 - **text标签**:创建文本输入框,用户可以在其中输入文本。 - **password标签**:创建密码输入框,输入的字符会被隐藏起来以保护隐私。 ...

    CSS3实现自定义复选框.zip

    通常,这两个元素由`&lt;input&gt;`标签表示,类型分别为`checkbox`和`radio`,并常常配合`&lt;label&gt;`标签一起使用,以便于用户点击时触发相应的事件: ```html 复选框 选项1 选项2 ``` 接下来,使用CSS3来定制这些...

    各种dialog的封装实现

    在项目"DialogSetDemo"中,开发者应该通过示例代码展示了如何使用这些封装好的Dialog,包括如何实例化、设置参数以及在合适的时候显示和隐藏它们。通过学习和理解这个示例,开发者可以快速地将这些功能应用到自己的...

    javascript网页特效实例大全

    10.2 打开或关闭隐藏层 263 10.3 打字速度测试 264 10.4 改变图片提示背景颜色 266 10.5 渐变色表格 269 10.6 列表内容相互转换 270 10.7 身体健康测试 273 10.8 网络知识测试 275 10.9 方框线上的闪耀效果 ...

    王牌2_C#_控件查询手册.pdf

    - **单选或多选**:支持单选或多选模式。 - **事件响应**:支持选中项变化事件。 **6.5 ListView控件** `ListView`控件用于以列表形式显示信息,支持多种视图模式。 **6.5.1 特性与功能** - **视图模式**:支持...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...

    程序天下:JavaScript实例自学手册

    9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...

    Tapestry5使用文档

    23. **点击小图显示大图 BigImg**:点击小图显示大图的组件。 24. **显示数据字典表的级联树组件 DmmcTree**:用于显示数据字典表的级联树。 25. **显示数据字典表的 DMMC 组件 Dmmc**:用于显示数据字典表。 26. **...

    vb程序设计及应用整本书课件完整版电子教案.ppt

    - **可连接的窗口**:可根据需要显示或隐藏的辅助窗口。 5. **各种窗口简介** - **窗体窗口**:用于设计应用程序的主界面。 - **工程资源管理器窗口**:展示工程中的窗体、标准模块和类模块等文件。 - **工具箱...

    flash shiti

    隐藏被选择对象的突出显示状态 □ B. 隐藏被选择对象的外框轮廓 □ C. 隐藏被选择对象的填充区域 □ D. 隐藏被选择对象的线条 7. 当Flash 导出较短小的事件声音(例如按钮单击的声音)时,最适合的压缩选项是: □ ...

    AlertDialog和PopupWindow

    - `PopupWindow`不会自动管理栈,因此需要手动处理显示和隐藏。 3. **对比分析** - **使用场景**:`AlertDialog`适合需要标准对话框样式的简单交互,如确认删除操作;`PopupWindow`则适用于更复杂、定制化的需求...

Global site tag (gtag.js) - Google Analytics