获取表单中的输入内容、单选按钮、复选框的输入内容

<html>
<head>
<meta charset="utf-8">
<title>js</title>
<script type="text/javascript">
function show(){
var name=document.myform.name.value;
alert("姓名："+name);
var sex;
if(document.myform.sex[0].checked){
sex=document.myform.sex[0].value
}else{
sex=document.myform.sex[1].value
}
alert("性别："+sex);
var inst="";
for(i=0;i<document.myform.inst.length;i++){
if (document.myform.inst[i].checked) {
inst+=document.myform.inst[i].value+"、";
}
}
alert("兴趣："+inst);
}
</script>
</head>

<body>
<form action="" method="post" name="myform">
姓名：<input type="text" name="name"><br>
性别：<input type="radio" name="sex" value="男" checked>男
<input type="radio" name="sex" value="女">女 <br>
兴趣：<input type="checkbox" name="inst" value="唱歌">唱歌
<input type="checkbox" name="inst" value="游泳">游泳
<input type="checkbox" name="inst" value="跳舞">跳舞
<input type="checkbox" name="inst" value="编程" checked>编程
<input type="checkbox" name="inst" value="上网">上网<br>
<input type="button" value="显示" onClick="show()">
</form>
</body>
</html>

时间： 2024-10-07 16:37:29

获取表单中的输入内容、单选按钮、复选框的输入内容的相关文章

Jquery学习笔记：操作form表单元素之二（复选框和单选框）

在上面文章的基础上,我们介绍如何操作表单元素中的 复选框和单选框. 一.复选框 <label> <input type="checkbox" id="item" checked> 全选</label> 注意,input标签要放在label标签内,这样点击文字时也会有反映. 如果选中了,调用  $("#item").prop("checked")返回true,否则返回false 同样利用pro

读取被选中的单选框和复选框中的内容

#include <windows.h>   LRESULT CALLBACK WndProc(HWND, UINT, WPARAM, LPARAM);   HINSTANCE hInst;   /* The 'main' function of Win32 GUI programs: this is where execution starts */ int WINAPI WinMain(     HINSTANCE hInstance,     HINSTANCE hPrevInstanc

入门：HTML表单与Java 后台交互(复选框提交)

仅仅给出部分关键代码: HTML form code: <form action="JavaFormTest" method="post" name="Form"> <p> 清输入用户名:<input type="text" name="username"/><br /> 请输入用户密码:<input type="password"

关于netbeans中的JComboBox（复选框）

以最近写的选课系统中添加课程项为例 1.往复选框中放入选项(根据数据库添加) (1)首先将  属性—>model中默认Item1234清空 (2)获得数据库中的数据并放入. SelectCourseView scv=new SelectCourseView(); int selectIndex=-1; SysCourseDao scd=new SysCourseDaoImpl(); List<CourseView> courselist = scd.queryAllCourse(); /

多条件查询（复选框条件）

查询会遍历表,显现是出表和以前讲的一样,就不多说了,说下怎么写复选框条件 一.遍历复选框中的内容,列表名:其他的都是一样的遍历方法 <div>区域:<input type="checkbox" />全选</div><div> <?php $sqla = " select distinct area from house"; //去重区域名 $a = $db->query($sqla); while($qy

jquery mobile 复选框和单选框

checkbox 和radio 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <title>Examples</title> 7 <link rel=

复选框使用总结

对复选框最基本的应用, 就是对复选框进行全选,反选和全不选等操作.复杂的操作需要与选项挂钩,来达到各种级联效果. 首先在空白网页中创建一个表单, 其中放入一组复选框: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <

jQuery判断复选框是否勾选

一个功能复选框勾选时给input表单赋值,复选框取消时将表单值清除. 功能:复选框勾选时给input表单赋值,复选框取消时将表单值清除. 实现源码:cyfID为复选框的id $("#cyfID").click(function(){ var ischeck=$(this).attr("checked"); if(ischeck==undefined){ //清除输入框 alert(""); }else{ //给输入框赋值 alert("

gridview列前加复选框需要注意的一点

前言 获取gridview每一列前面的复选框,然后获取选中的这一行的id.aspx页面,我不喜欢用这个,有的公司用自己封装的,基本上都是用封装的,这是我知道的.也有用Repeater的.可能是因为gridview微软该给提供的都提供了吧.很强大,不该要的也有了.废话说了不少,说说我自己做的时候问题吧. 过程 自己简单实现了一些,只是为了说明注意的那个问题. 前台代码 后置代码: 总结 我就考虑到绑定数据和获取checkbox是否被选中,数据显示出来了,这没问题了,然后就获取复选框的代码也对.但是