`

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。透明效果可以让界面看起来更加现代和美观,提升用户体验。以下是对"透明...

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

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

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

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

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

    Flutter Radio 单选按钮

    Flutter Radio 单选按钮

    HTML5 CheckBox Radio按钮美化特效.rar

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

    MFC控件RADIO用法

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

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

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

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

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

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

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

    用图片代替radio

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

    jquery 设置select checkbox radio只读

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

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

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

    jQuery实现一个自定义的单选按钮radio

    在本文中,我们将深入探讨如何使用jQuery来实现一个自定义的单选按钮(radio)组件,同时也会涉及相关的JavaScript和ECMAScript基础知识。 ### 1. jQuery基础 首先,我们需要了解jQuery的基本用法。jQuery通过 `$`...

    VC.radio.button.code.development.rar_RADIO button_VC 圆形按钮_radio

    描述中的"VC Programming classic radio button code development"提示我们,我们将深入学习经典的方法来实现这个功能。在传统的MFC(Microsoft Foundation Classes)库中,单选按钮默认为矩形形状,但通过自定义...

    JS获取选中的radio button的值

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

Global site tag (gtag.js) - Google Analytics