<HTML>
<HEAD>
<TITLE>Radio 对象示例</TITLE>
</HEAD>
<SCRIPT>
function convertField(field) {
if (document.form1.conversion[0].checked) {
field.value = field.value.toUpperCase()}
else {
if (document.form1.conversion[1].checked) {
field.value = field.value.toLowerCase()}
}
}
function convertAllFields(caseChange) {
if (caseChange=="upper") {
document.form1.lastName.value = document.form1.lastName.value.toUpperCase()
document.form1.firstName.value = document.form1.firstName.value.toUpperCase()
document.form1.cityName.value = document.form1.cityName.value.toUpperCase()}
else {
document.form1.lastName.value = document.form1.lastName.value.toLowerCase()
document.form1.firstName.value = document.form1.firstName.value.toLowerCase()
document.form1.cityName.value = document.form1.cityName.value.toLowerCase()
}
}
</SCRIPT>
<BODY>
<FORM NAME="form1">
<B>姓：</B>
<INPUT TYPE="text" NAME="lastName" SIZE=20 onChange="convertField(this)">
<BR><B>名：</B>
<INPUT TYPE="text" NAME="firstName" SIZE=20 onChange="convertField(this)">
<BR><B>城市：</B>
<INPUT TYPE="text" NAME="cityName" SIZE=20 onChange="convertField(this)">
<P><B>将输入内容转换为：</B>
<BR><INPUT TYPE="radio" NAME="conversion" VALUE="upper"
onClick="if (this.checked) {convertAllFields('upper')}">大写
<BR><INPUT TYPE="radio" NAME="conversion" VALUE="lower"
onClick="if (this.checked) {convertAllFields('lower')}">小写
<BR><INPUT TYPE="radio" NAME="conversion" VALUE="noChange">不做转换
</FORM>
</BODY>
</HTML>
分享到：
相关推荐
首先，Radio按钮的基本概念是，它们是一组相关的选项，用户只能选择其中的一个。这种控件通常用于当用户需要从多个选项中进行单选的情况，例如性别选择（男/女）、颜色偏好等。在Web开发中，HTML `<input>` 标签的 `...
mfc中各种控件的使用方法事例程序 包括slider Radio edit static 等
在JavaServer Pages (JSP) 中，`radio` 控件是一种单选按钮，常用于创建一组选项，用户只能选择其中一个。本项目展示了如何在JSP页面中使用`radio`控件，结合JavaScript进行用户交互处理，如判断是否选中以及获取...
关于matlabradiobutton的用法讲解纠正一个错误用法-radiobutton.rar 关于radiobutton的用法讲解---自己想的，不恰当不要见笑 最近发现很多人在buttongroup中，使用很多radiobutton的时候，喜欢为每一个...
在本文中，我们将深入探讨如何使用jQuery来实现一个自定义的单选按钮（radio）组件，同时也会涉及相关的JavaScript和ECMAScript基础知识。 ### 1. jQuery基础 首先，我们需要了解jQuery的基本用法。jQuery通过 `$`...
本教程将详细介绍如何在VS2010 MFC应用中实现单选按钮（radio button）和复选框（check box）的功能，并提供一个可运行的实例——`radio_button_test`。 首先，我们需要创建一个新的MFC对话框应用程序。在VS2010中...
单选按钮在微信小程序中通常用于提供一系列互斥的选择，用户只能选择其中的一个选项。在示例中，`radio-group` 是承载所有单选按钮的容器，`bindChange` 事件监听用户的选择变化。`radio` 组件则表示单个可选选项，...
本文通过针对两个常见问题的解决方案，详细阐述了MFC中Radio Button的用法。有助于读者加深对于MFC运行机制及Radio Button控件用法的理解。 首先为对话框加上2个radio button，分别是Radio1和Radio2。 问题1：如何让...
单选按钮允许用户在一组选项中选择一个值，它通常使用`<input type="radio">`标签来创建，并且具有相同`name`属性的多个单选按钮共同构成一个选择组，这样可以保证用户只能选择其中一个选项。 在JSP页面中创建单选...
在vc++ 程序窗体中使用Radio button的示例，让你学会RadioButton的用法，对VC来说，这是再简单不过的基础要领了。本源码实例通过用户对单选框Radio button的选择，演示如何得到单选按钮的值，并最终显示结果。 运行...
单选按钮通常成组出现，并且它们共享同一个名称（即`name`属性值相同），这样在提交表单时，只能有一个被选中的单选按钮的值会被发送到服务器。 #### 二、示例代码解析 本例中，作者希望通过JavaScript实现当用户...
`<s:radio>`标签是Struts2提供的一个动作标签，用于在表单中创建单选按钮。基本语法如下： ```jsp <s:radio name="property" list="list" listKey="key" listValue="value" /> ``` - `name`: 这个属性是必不可少的，...
在微信小程序开发中，`<radio>`组件是一个非常重要的元素，它用于实现单选按钮的功能。单选按钮常用于提供一组互斥的选择项，用户只能选择其中一项。本示例"小程序radiobuttong效果源码"即展示了如何在小程序中创建...
单选按钮的name属性值是相同的，这样就可以保证只能选择一个值。使用:radio选择器，可以轻松地对这些单选按钮进行一系列的操作，如显示、隐藏、获取选中值等。 ### 语法结构 在jQuery中使用:radio选择器的语法结构...
首先，微信小程序中的`radio`组件用于创建单选按钮，它提供了一种用户只能在多个选项中选择一个的方式。`radio`组件的基本用法是使用`<radio>`标签，并通过`value`属性设置选项值，`checked`属性控制选中状态。例如...
Android 开灯 关灯 checkbox Radio组件用法演示,向大家展示了如何为CheckBox和RadioButton添加监听器及开关灯业务代码，通过单击不同的按钮，切换开灯图片和关灯图片，设置程序操作状态如下： public void ...
本项目“ion.checkradio.zip”是一个专注于优化前端用户体验的jQuery插件，特别是对于复选框（checkboxes）和单选按钮（radiobuttons）的样式设置。下面将详细解析这个项目的各个方面。 首先，让我们关注“ion....
- 如果一个界面上存在多个不同的分组需求，比如既需要按类别分组也需要按状态分组，则每个分组的第一个`RadioButton`都需要设置“组”属性。 #### 四、通过代码控制RadioButton ##### 1. 如何进行代码勾选 MFC...