当前位置: 首页 > news >正文

input标签的type为select、radio、checkbox的使用

1.<selecte>标签:中的name属性可以规定select元素的名称。
作用:对提交到服务器后的表单数据进行标识,或者在客户端通过JavaScript引用表单数据。
举例:<select id="selectID" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
使用:(1)绑定下拉框change事件---$("#selectID").change(function(){});
(2)获取下拉框选中项的text属性值---$("selectID").find("option:selected").text();
(3)获取下拉框选项中的value属性值----$("selectID").val();
(4)获取下拉框选中的option标签----$("selectID").find("option:selected");

2.<radio>标签--单选框
举例:<div id="wrap"><input type="radio" checked="checked" name="Sex" value="male">
<input type="radio" name="Sex" value="female"></div>
解释:这2个radio的name值相同。
使用:获取一组单选按钮的对象:var object=$('#wrap input[name="Sex"]');
获取被选中按钮的值:var value=$('#wrap input[name="Sex"]:checked').val()

3.checkbox标签--复选框
举例:<input type="checkbox" id="Bike" name="Bike">自行车
<input type="checkbox" id="Car" name="Car">汽车
使用:可以查看是否被选中--$("#Bike").is(":checked")返回值为true fasle
拓展:也可以和上面的radio一样设置一样name,获取被选中的值

小贴士:
(1)将时间类型转化为String类型。Datetime.ToString("yyyy-MM-dd HH-mm-ss").
(2)时间控件:到laydate官网上下载对应的事件控件,将css和js添加到页面上。
在页面中添加:<input class="laydate-icon" type="text" οnclick="laydate({istime:true,format:'YYYY-MM-DD hh:mm:ss'})">
(3)在jquery$()的括号中添加选择器,可以添加多个选择器,用空格隔开,表示这些选择器都被选中。

转载于:https://www.cnblogs.com/minfan/p/6178556.html

相关文章:

  • matlab练习程序(makelut/applylut)
  • “图片”--预览
  • Linux整数比较
  • ios设置textField只能输入数字用于电话号码
  • 安装Mariadb常见的问题(五)
  • 入门,创建uni-app项目
  • Java中避免表单重复提交
  • uni-app中理解,区分,使用rpx单位和px单位及样式字体的导入
  • Selenium2+python自动化27-查看selenium API
  • 了解uni-app的生命周期(应用,页面生命周期)执行顺序
  • linux之程序包安装
  • Java开发程序,使用编辑器编写创建Java项目、类
  • uni-app中下拉刷新及上拉刷新的使用
  • 搭建本地api接口
  • 2016总结
  • Docker下部署自己的LNMP工作环境
  • JavaScript 一些 DOM 的知识点
  • leetcode378. Kth Smallest Element in a Sorted Matrix
  • Spark VS Hadoop:两大大数据分析系统深度解读
  • SQLServer之创建显式事务
  • Vue源码解析(二)Vue的双向绑定讲解及实现
  • WePY 在小程序性能调优上做出的探究
  • zookeeper系列(七)实战分布式命名服务
  • 表单中readonly的input等标签,禁止光标进入(focus)的几种方式
  • 对象引论
  • 如何在 Tornado 中实现 Middleware
  • 手写一个CommonJS打包工具(一)
  • 一、python与pycharm的安装
  • 优秀架构师必须掌握的架构思维
  • Python 之网络式编程
  • ​Python 3 新特性:类型注解
  • $emit传递多个参数_PPC和MIPS指令集下二进制代码中函数参数个数的识别方法
  • (1)bark-ml
  • (c语言版)滑动窗口 给定一个字符串,只包含字母和数字,按要求找出字符串中的最长(连续)子串的长度
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第2节(共同的基类)
  • (Demo分享)利用原生JavaScript-随机数-实现做一个烟花案例
  • (html转换)StringEscapeUtils类的转义与反转义方法
  • (附源码)spring boot建达集团公司平台 毕业设计 141538
  • (附源码)spring boot智能服药提醒app 毕业设计 102151
  • (机器学习的矩阵)(向量、矩阵与多元线性回归)
  • (求助)用傲游上csdn博客时标签栏和网址栏一直显示袁萌 的头像
  • (三)c52学习之旅-点亮LED灯
  • (三)Pytorch快速搭建卷积神经网络模型实现手写数字识别(代码+详细注解)
  • (算法设计与分析)第一章算法概述-习题
  • (转)如何上传第三方jar包至Maven私服让maven项目可以使用第三方jar包
  • .NET Framework杂记
  • .Net FrameWork总结
  • .Net 高效开发之不可错过的实用工具
  • .net 重复调用webservice_Java RMI 远程调用详解,优劣势说明
  • .Net+SQL Server企业应用性能优化笔记4——精确查找瓶颈
  • .NET精简框架的“无法找到资源程序集”异常释疑
  • /proc/interrupts 和 /proc/stat 查看中断的情况
  • @Autowired标签与 @Resource标签 的区别
  • @html.ActionLink的几种参数格式
  • [20170713] 无法访问SQL Server