`

Radio按钮用法举例

jsp 
阅读更多
[size=large]Radio按钮用法举例:



<input id=”showFlagRadio1” name="menu.showFlag" type="radio" value="1" checked><label for="showFlagRadio1">显示</label>
<input id=”showFlagRadio2” name="menu.showFlag" type="radio" value="0" ><label for="showFlagRadio2">隐藏</label>



1. 以上两个radio拥有不同id,但有相同的name属性,相同的name可以指明这两个radio是属于同一个radio组,这相这两个radio的选中效果会互斥。
将radio的id属性赋值给label的for属性,起到了点击label标签时就相当于点击了radio按钮的效果。

2. 表单提交时,浏览器会将name属性的元素的值保存到HttpRequest对象,这两个radio的有相同的name属性,那么会将被选中的单选按钮的value保存到HttpRequest对象中。
比如,上例中,request.getParameter(“menu.showFlag”) = “1”;
[/size]
分享到:
评论

相关推荐

    jsp中radio控件的使用

    以上就是关于"jsp中radio控件的使用"的知识点详解,包括了`radio`控件的基本用法、JSP和JavaScript的交互,以及客户端和服务器端的验证。在实际应用中,还可以结合Servlet、Ajax等技术,实现更复杂的业务逻辑和用户...

    基于bootstrap图标形状单选按钮radio

    基于bootstrap的单选按钮图标 改变了浏览器自带形状,支持自定义图标

    透明按钮Radio和CheckBox

    在Windows编程中,尤其是使用MFC(Microsoft Foundation Classes)库时,我们经常需要自定义控件的外观,比如创建透明的Radio按钮和CheckBox。透明效果可以让界面看起来更加现代和美观,提升用户体验。以下是对"透明...

    html中radio值的获取、赋值、注册事件示例详解

    使用jQuery时,可以先通过name属性选中这组radio,然后使用jQuery提供的过滤方法“:checked”找到当前选中的radio按钮,之后再获取其值或属性。例如: ```javascript var group1 = $("[name='group1']").filter(":...

    用JS实现的radio图片选择按钮效果.rar

    一种常见的增强用户界面的方式是通过定制化表单元素,比如将传统的radio按钮与图片相结合,创建出更具视觉吸引力的选择按钮效果。"用JS实现的radio图片选择按钮效果"项目就是这样一个示例,它利用JavaScript语言来...

    点击radio单选按钮切换显示不同内容

    Flutter Radio 单选按钮

    Flutter Radio 单选按钮

    基于JQuery的Radio按钮操作指南

    内容概要:本文档总结了利用 jQuery 对页面上单选按钮(Radio)进行多种常用操作的方法,如选中/取消选中特定 Radio,获取当前选中的 Radio 值等,并提供具体实例来展示实现方式。 适合人群:网页开发者、初学者和有...

    MFC控件RADIO用法

    mfc中各种控件的使用方法事例程序 包括slider Radio edit static 等

    可将radio按钮和checkbox转换为开关按钮的jQuery插件

    总的来说,这个jQuery插件提供了一种高效且便捷的方法,将传统输入控件升级为现代化的开关按钮,从而提升网站或应用程序的用户体验。通过灵活的配置和事件处理,开发者可以轻松地将其集成到自己的项目中,打造更加...

    WEB网页radio按钮美化仿开关效果二合一jquery特效

    WEB网页radio按钮美化仿开关效果二合一 1.利用jQuery技术支持,点击开启/关闭平滑切换 2.适用于PC端网页或手机端网页表单美化应用 3.实用性强,适合网页前端设计师使用 4.资源提供CSDN供下载,用于学习和交流或商用...

    HTML5 CheckBox Radio按钮美化特效.rar

    基于jquery HTML5 CheckBox Radio按钮美化特效,演示了不一样的checkbox和Radiobox,加入了点击动画效果,鼠标点击后选中状态也是与默认的风格不一样,如截图所示的为本款效果,更多详情细节请下载本示例自己测试...

    Exam5_radio.rar_Radio_单选按钮_单选按钮控件

    这类文档可能包括了如何编译和运行程序,以及对单选按钮控件的使用方法的详细解释。 单选按钮的交互设计也有其规范和最佳实践。例如,为了提高用户体验,一组单选按钮应保持视觉上的统一,它们通常会排列在一起,...

    JS获取选中的radio button的值

    要获取选中的Radio按钮的值,可以使用以下JavaScript方法: 1. 使用DOM遍历 首先,你可以通过`document.getElementsByName()`方法获取所有同名的Radio按钮,然后遍历这些元素,检查`checked`属性是否为`true`,...

    用图片代替radio

    在网页设计中,"用图片代替radio"是一种常见的美化表单元素的方法,特别是为了提高用户界面的可感知性和美观度。传统的HTML radio按钮虽然功能强大,但其样式往往较为单一,无法满足设计师对视觉效果的需求。本文将...

    jquery 设置select checkbox radio只读

    昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个

    用图片代替Radio选择value值.rar

    总结来说,这个教程展示了如何使用JavaScript和CSS将传统的Radio按钮替换为图片,提供更加直观且美观的用户交互体验。通过监听点击事件、更新样式以及处理value值,我们可以轻松实现这一功能。对于追求个性化和高...

    js中获取jsp表单中radio类型的值简单实例

    单选按钮允许用户在一组选项中选择一个值,它通常使用`&lt;input type="radio"&gt;`标签来创建,并且具有相同`name`属性的多个单选按钮共同构成一个选择组,这样可以保证用户只能选择其中一个选项。 在JSP页面中创建单选...

Global site tag (gtag.js) - Google Analytics