表单的值

最新推荐文章于 2023-12-22 09:11:42 发布
最新推荐文章于 2023-12-22 09:11:42 发布
阅读量210 收藏
点赞数
分类专栏： DOM
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/osweet12345678/article/details/52095787
版权


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
window.onload = function() {
 
 var oForm = document.getElementById('form1');
 var oBtn = document.getElementById('btn');
 
 oBtn.onclick = function() {
  
  //alert( oForm.sex[0].checked );
  
  //getElementsByName();
  
  //alert( oForm.getElemensByName('sex') );
  
  /*for (var i=0; i<oForm.aihao.length; i++) {
   
   if (oForm.aihao[i].checked) {
    alert(oForm.aihao[i].value + ' 选中了');
   } else {
    alert(oForm.aihao[i].value + ' 没选中');
   }
   
  }*/
  
  /*for (var attr in oForm.sex) {
   console.log(attr + ' = ' + oForm.sex);
  }*/
  
  alert(oForm.city.value);
  
 }
 
}
</script>
</head>

<body>
 <form id="form1">
     <input type="radio" name="sex" value="男" />男
        <input type="radio" name="sex" value="女" checked />女
       
        <input type="checkbox" name="aihao" value="电影" />电影
        <input type="checkbox" name="aihao" value="音乐" />音乐
        <input type="checkbox" name="aihao" value="体育" />体育
       
        <select name="city" value="">
         <option>请选择一个城市</option>
            <option value="北京">北京</option>
            <option value="上海" selected>上海</option>
            <option value="广州">广州</option>
            <option value="深圳">深圳</option>
        </select>
       
        <input type="button" value="按钮" id="btn" />
        <input type="submit" value="提交" />
    </form>
</body>
</html>

难瘦不难过
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
怎么获取layer中的表单值_layui抓取表单数据
weixin_32058931的博客
12-30 5989
注意事项：1、layui 中提交按钮是基于“监听”机制实现的。2、form.on() 的调用需置于 layui.use 的回调函数中。3、末尾的 'return false' 不可或缺，以确保不会触发页面刷新。注意必须是 'return false'，而不能简单写成 'return'。抓取表单数据可按四步来实现：1、禁用按钮。防止用户连续点击，需注意，在 Ajax 请求结束后(complete)再...
怎么获取layer中的表单值_layui怎么获取表单数据？
weixin_39615643的博客
12-20 3699
获取form中的数据：jsp：保存js：form.on('submit(btnSubmit)', function (data) {//表单数据formDatavar formData = data.field;});获取table中的数据 执行一个如上图的table实例：jsp:学生列表js:layui.use([ 'laydate', 'laypage', 'layer', 'table', ...
Vue—获取表单值
敏敏的博
05-05 7068
文章目录前言总结 前言 本文简要记录如何使用Vue收集常见类型的表单数据，以及不同表单类型收集数据时需要注意的几个点。 在Vue中我们通常使用v:model命令绑定表单的属性值（通常是value），获取到的属性值就是表单数据。但是不同类型的表单用此命令收集到的对应属性不同（checked）。需要稍做处理后才能获取到我们实际想要的数据。 下图表单中包含了常见的表单类型。不同的表单类型获取表单值的方式也不同。 总结 提示：这里对文章进行总结： 例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas
vue中监听Form表单值的变化
最新发布
weixin_51722520的博客
12-22 1821
vue中监听Form表单值的变化
vue 判断表单值是否改变
weixin_65676406的博客
08-24 2922
vue element 判断表单值是否改变
ElementUI表单自动验证，获取不到表单值的解决办法
xiang_jiuxing的博客
11-07 2641
ElementUI表单自动验证，获取不到表单值的解决办法
antd4.9 form表单setfieldsvalue 修改表单值
qq_35971751的博客
12-23 5742
import FormRule from '@/utils/validate.js'; import { Form, Input,Button } from 'antd'; import { inject, observer } from 'mobx-react'; import React, { useEffect } from 'react'; import { userGroupInfoMap,buttonName } from '../keyMap'; const { TextArea } =.
vue+elementui动态表单值的绑定与校验
小男哥的博客
09-10 3976
动态表单值的绑定与校验 我们都知道，为了让使用者更简单高效的开发，vue使用了表单元素双向绑定的模式。使用时每个表单元素都会在data中对应一个写死的变量，然后通过v-model进行绑定（v-model实现原理此处不做赘述，官网讲解很到位，面试基本会问到，请自行参考）。这种用法是最常用且易上手的，但是如果需求让我们做一个统一的组件，根据后端返回的json数据动态展示成相应的input、select、textarea、radio等元素，这种情况由于数据都是不确定的，之前的方法貌似有点行不通，怎么办呢？ 假
js判断所有表单值是否为空
ThinkPet
05-01 3683
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;提交表单页&lt;/title&gt; &lt;meta charset="UTF-8"/&gt; &lt;script type="text/javascript"&gt; function my
react-hooks获取antd4 form表单值
mkymab的博客
02-22 2050
react-hooks获取antd4 form表单值 import { Form, Input, Button, Checkbox } from 'antd'; const Demo = () => { const [form] = Form.useForm();//获取form实例 //通过form.getFieldsValue()就可获得form表单数据 console.log(form.getFieldsValue()) <Form.Item label="Usern
获得所有表单值的JQuery实现代码[IE暂不支持]
10-28
【jQuery获取表单值的方法】 在前端开发中，通常我们会依赖服务器端语言来处理表单数据，但有时候，使用jQuery在客户端获取表单值也是一种高效且实用的策略。本示例将详细介绍如何通过jQuery获取HTML表单中的文本框...
一个获取FORM表单值正则表达式
10-28
正则表达式（Regular Expression）是一种强大的文本处理工具，可以用来匹配、查找、替换等形式处理字符串，包括从HTML源码中提取FORM表单值。 针对上述的标题和描述，我们可以推断这是一个关于使用正则表达式从HTML...
html form表单input使用disabled后提交不能获取表单值的解决方法
12-13
form表单输入框input设置disable属性提交后，得不到该输入框的值，解决该类问题可以参考下面两个方法： 方法一： 使用readonly带替代disabled，即把 disabled="disabled" 修改为 readonly="readonly" 二者区别： ...
js 提交和设置表单的值
10-30
2. 表单值设置：可以使用 JavaScript 对表单的值进行设置，例如使用 `document.form.field.value = "新值"` 对表单字段的值进行设置。 3. 表单事件处理：可以使用 JavaScript 对表单的事件进行处理，例如使用 `...
asp.net实现利用反射，泛型，静态方法快速获取表单值到Model的方法
10-23
主要介绍了asp.net实现利用反射，泛型，静态方法快速获取表单值到Model的方法,结合实例形式分析了asp.net中反射，泛型，静态方法给model赋值的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
优酷弹窗
难瘦不难过的专栏
08-02 1384
 无标题文档 body {margin: 0;} #mask {background: black; opacity: 0.3; filter: alpha(opacity=30); position: absolute; left: 0; top: 0; display: none;} #box { width: 300px; height: 200px; pad
onchange
难瘦不难过的专栏
08-02 1159
 无标题文档 window.onload = function() {    var oForm = document.getElementById('form1');  var oBtn = document.getElementById('btn');    //onchange : 当值发生改变的时候触发    //text : 当光标离开元素的时候
getPos
难瘦不难过的专栏
08-02 867
 无标题文档 div {padding: 40px 50px;} #div1 {background: red;position: relative;} #div2 {background: green; position: relative;} #div3 {background: orange; position: relative;} window
DOM addClass MOveClass
难瘦不难过的专栏
08-01 654
 html> lang="en"> charset="UTF-8"> 添加Class window.onload=function(){ var oDiv=document.getElementById('div1'); //addClass(oDiv,'box');
Servlet的获取jsp表单值
05-21
在Servlet中获取JSP表单值，可以通过以下步骤实现： 1. 在JSP页面中定义表单，并设置表单的method为POST，action为要提交的Servlet的URL，例如： ``` <form method="POST" action="servletUrl"> <label for="name">Name:</label> <input type="text" id="name" name="name"> <label for="email">Email:</label> <input type="email" id="email" name="email"> <button type="submit">Submit</button> </form> ``` 2. 在Servlet中使用request.getParameter()方法获取表单值，例如： ``` protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String name = request.getParameter("name"); String email = request.getParameter("email"); // do something with name and email } ``` 注意：getParameter()方法返回的是一个字符串，如果表单项有多个值，只会返回第一个值。如果需要获取所有值，可以使用getParameterValues()方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值