<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>获取单选框和多选框的值</title>
<script type="text/javascript">
function welcome(){
var name=myform.name.value;
for(var i=0; i<myform.sex.length;i++){
if(myform.sex[i].checked){
var sex=myform.sex[i].value;
}
}
var love="";
for(var i=0; i<myform.myLove.length;i++){
if(myform.myLove[i].checked){
var love =love +" "+ myform.myLove[i].value;
}
}
document.write(name);
if(sex=="man"){
document.write("先生：");
}else{
document.write("欢迎您！<br>");
}
document.write("您的爱好为：",love);
}
</script>
</head>
<body>
<form name="myform" id="myform"method="post" >
姓名：<input type="text" name="name" id="name" value="">
<br>
性别：
男：<input type="radio" value="man" name="sex" checked/>
女：<input type="radio" value="woman" name="sex"/><br>
爱好：<br>
<input type="checkbox" name="myLove" value="打球">打球<br>
<input type="checkbox" name="myLove" value="看书">看书<br>
<input type="checkbox" name="myLove" value="上网">上网<br>
<input type="checkbox" name="myLove" value="旅游">旅游<br>
<br>
<input type="button" value="提交" name="button" onClick="welcome()">
<input type="reset" value="取消" ><br>
</form>
</body>
</html>
分享到：
相关推荐
本文将深入探讨基于jQuery EasyUI 1.4.5的单选框和多选框组件的使用方法、功能特性以及如何结合实际项目进行应用。 一、jQuery EasyUI 1.4.5简介 EasyUI是一套基于jQuery的UI框架，它包含了多个可复用的UI组件，如...
在本例中，当用户点击按钮后，可以获取单选框、复选框和下拉框的选择状态，然后通过Intent传递到下一个Activity。例如： ```java Intent intent = new Intent(this, NextActivity.class); intent.putExtra(...
Android开发中，获取单选与复选框的值是非常重要的一步骤，这篇文章将为大家介绍如何获取单选按钮和复选框的值，并提供了一个简单的示例代码。 单选按钮 单选按钮（Radio Button）是一种常用的UI控件，用于让用户...
单选框和复选框 单选按钮和复选按钮都是普通按钮Button的子类，所以可以使用所有Button的方法和属性。也有自己特有的属性方法 单选框 单选框就是在多个选项中只选择一个。 在Android中，单选...获取单选框组选值的基
在Web界面设计中，复选框和单选框是用户交互的重要元素，允许用户从多个选项中进行选择或切换。在Struts框架中，动态创建这些元素可以提高应用的灵活性和可扩展性。 #### 1. 动态复选框（Multibox） `...
在易语言中，单选框的状态可以通过“取控件值”函数来获取，如果返回值为1，则表示该单选框被选中；返回值为0则表示未被选中。而改变单选框状态可以使用“设控件值”函数，传入1表示选中，0表示取消选中。为了处理多...
综上所述，通过使用网页自动操作通用工具，我们可以轻松实现对网页表单中下拉列表框、单选框以及复选框的自动填写，大大提高了网页操作的效率和便利性。这些方法不仅能够帮助开发者快速构建自动化测试脚本，也能够为...
在Unity3D游戏开发中，模型的选择和操作是至关重要的环节，这涉及到场景中的对象交互、碰撞检测以及动画控制等多个方面。以下将详细介绍标题和描述中提到的几个关键知识点： 1. **菜单显示(MenuShow)**：在Unity中...
在这个“易语言源码易语言单选框和选择框练习源码.rar”压缩包中，包含了易语言关于单选框（Radio Button）和选择框（Check Box）的实践练习代码。下面我们将深入探讨这两个重要的图形用户界面（GUI）组件及其在...
在Bootstrap3中，多选框（checkbox）和单选框（radio）是两个常用的表单元素，用于用户交互，特别是进行数据选择。 **多选框（Checkbox）** 多选框允许用户在一组选项中选择一个或多个选项。在Bootstrap3中，创建一...
### 网页表单自动填写技术详解：下拉列表框、单选框、复选框自动填写方法 #### 一、网页下拉列表的自动填写实现方法 在现代Web应用开发中，为了提高用户体验及简化操作流程，网页表单自动填写功能逐渐成为一种重要...
在JavaScript中，获取单选框（radio）或复选框（checkbox）的值以及对它们进行操作是一项常见的任务。在给定的代码示例中，我们看到了如何通过JavaScript实现这一功能。下面将详细解释其中涉及的知识点。 1. **获取...
单选框（RadioButton）和选择框（CheckBox）是常见的图形用户界面（GUI）元素，用于用户进行二选一或多选一的选择。在易语言中，这两个控件提供了方便的方式来交互并获取用户的输入。 1. **单选框（RadioButton）**...
本文将详细介绍如何在Mui开发环境中获取单选按钮（Radio）和复选框（Checkbox）的值，并提供具体的实例代码。 首先，我们来理解单选按钮和复选框在HTML中的基本使用方式。单选按钮通常用于在一组选项中选择一个，而...
本文主要探讨了如何使用jQuery来操作常见的表单元素，如单选框、多选框和文本框，帮助开发者更高效地实现功能。 首先，我们来看一下jQuery如何处理单选框（Radio Buttons）和多选框（Checkboxes）。对于单选框，...
本主题主要关注仿MIUI风格的对话框设计，包括普通对话框、带有EditText的对话框、列表框、单选框和复选框等。MIUI是小米公司推出的深度定制的Android系统，其界面设计深受用户喜爱，因此在开发中模仿这种风格可以...
为了使用JavaScript（js）验证单选框是否被选中，我们需要借助`getElementsByName()`方法获取所有具有相同名称的单选框元素，然后通过循环检查哪个单选框的`checked`属性为`true`。如果没有任何单选框被选中，则提示...
在这个示例中，我们使用 `document.getElementsByName()` 方法获取了具有特定名称的单选框和复选框的引用。然后，我们通过 `.checked` 属性来判断这些元素是否被选中。 #### 2. 使用循环遍历处理多个单选框 当需要...
如果要循环输出所有被选中的复选框值，可以使用 `.each()` 方法： ```javascript $("input[type=checkbox][checked]").each(function() { alert($(this).val()); // 弹出每个选中复选框的值 }); ``` 如果我们想要...
根据提供的描述：“多选框全选和反选，用js做的，多选框单选和反选，和使用的代码”，我们可以明确以下几点： 1. **目标**：通过JavaScript代码实现对一组复选框进行全选和全不选的操作。 2. **功能需求**： - ...