<!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>
分享到：
相关推荐
单选框和复选框 单选按钮和复选按钮都是普通按钮Button的子类，所以可以使用所有Button的方法和属性。也有自己特有的属性方法 单选框 单选框就是在多个选项中只选择一个。 在Android中，单选...获取单选框组选值的基
漂亮jQuery单选框/复选框美化插件Labelauty.js，支持自定义灰色按钮不可点、支持input控件定义选项 ...直接提交后端即可获取数据还是非常方便的单选框/多选框美化JS插件，特别是在手机端使用，还是非常 适用的。
本文分别介绍了js和jQuery验证单选框(radio)、多选框(checkbox)、下拉框(select)，分享给大家供大家参考，具体内容如下 (1).首先说单选框(radio)，radio和checkbox一样都是name相同值有多个在获取 radio 值的时候...
一、文本框、单选按钮、复选框、相关操作 代码如下:var sex=$(“input[name=’sex’]:checked”).val(); //获取一组radio被选中项的值 var item=$(“#sel option:selected”).text(); //获取select被选中项的文本...
主要介绍了js表单处理中单选、多选、选择框值的获取及表单的序列化的相关资料,需要的朋友可以参考下
和单选框一样，许多新手在用 Javascript 验证表单（form）中多选框（checkbox）的值时，都会遇到问题，原因是 checkbox 和普通的文本框在获取值的时候有很大不同
04199复制单元格的值和数字格式 04200转置复制单元格区域 04201复制单元格的边框 04202对单元格进行加减乘除运算 04203将单元格区域作为图像对象进行复制（无链接） 04204将单元格区域作为图像对象进行复制（有链接...
内容包括添加视频播放、轮转图片、多选框、单选框、实时获取输入值、按钮提交输入控件的数据
如果你英文好一点，里面有详细的介绍，多选框的设置，多选框获取值/文本，选项分组，各种各样丰富的表现方式和获取。 结合实际项目，加深技术理解，同时也方便自己后续项目中的使用。 多选框和单选框相同，...
昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作，如果用submit表单提交挺方便的，但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了，因为我之前做过的项目中基本上没用Ajax来批量提交复选框数据，...
3.单选框用的value 和复选框一样 4.下拉菜单用的value 是列表中每个子项的值 5.隐藏域用的value 是框里面显示的内容 在后台如果你想得到复选框的内容 就是value 来取 当你在接收表单数据的页面中获取数据时，得到...
取复选框值； 判断单选或复选框是否被选中； 元素可用不可用； 判断元素可用不可用。 实用jquery操作表单元素代码 /* 假设在一个表单中有一个按钮id="save" $(document).ready(function(){ $("#save").click...
6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 下拉框式网站导航 6.14 综合的搜索引擎 6.15 经典的ListView列表框 第7章 键盘操作和状态栏特效 7.1 按功能键返回首页 7.2 回车实现Tab键功能 7.3 Ctrl+Enter...
6.11 获取多选框的选择项 6.12 手动调整的列表框 6.13 下拉框式网站导航 6.14 综合的搜索引擎 6.15 经典的ListView列表框 第7章 键盘操作和状态栏特效 7.1 按功能键返回首页 7.2 回车实现Tab键功能 7.3 Ctrl+Enter...
6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效。 6.10.html JavaScript取单选框的值。 6.11.html JavaScript控制单选框...
radio标签：单选框。 optgroup标签：生成一个下拉列表框的选择组，下拉列表框中可以包含多个选择组。 token标签：防用户多次提交表单。 textarea标签：文本域。 updownselct标签：支持选项内容的上下移动。 ...
MUI - 复选框、单选框、使用js获取选择值.mp4 MUI - cardview(卡片视图)、mask(遮罩蒙版).mp4 MUI - accordion(折叠面板)、button(按钮).mp4 h.js 使用教程.mp4 MUI - actionsheet(操作表)、badge(数字角标).mp4...
文本框 文本域 UBB文本框（支持UBB文本输入） 密码框 隐藏域 日期选择 单选框 复选框 下拉框 多选列表 单选列表 批量上载 上载文件 上载到库 07、支持多种信息显示方式： 显示文字 链接文件 文本框 文本域 显示...
1、jquery 获取单选组radio$(“input[name=’name’]:checked”).val();...4、jquery判断多选框checkbox$(“#id:checkbox”).attr(“checked”)取值 $(“#id”).attr(“value”)；赋值则是在text()、val()里面直
2. <s:checkboxlist list=""></s:checkboxlist>-----多选框 3. <s:combobox list=""></s:combobox>-----下拉框 4. <s:component></s:component>-----图像符号 D： 1. <s:date/>-----获取日期格式 2. ...