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" onclick="laydate({istime:true,format:‘YYYY-MM-DD hh:mm:ss‘})">
(3)在jquery$()的括号中添加选择器,可以添加多个选择器,用空格隔开,表示这些选择器都被选中。

时间: 2024-10-23 05:29:27

input标签的type为select、radio、checkbox的使用的相关文章

select,radio,checkbox的美化

一   对select的美化 select{ -webkit-appearance:none; appearance:none; -webkit-tap-highlight-color:rgba(0,0,0,0); } 该样式会将其右侧的倒三角去掉,以及会修改手机上select的样式 二   对radio以及checkbox的美化(两种方法) 1   第一种方法 html: <div class="radio_box"> <label for="teache

H5表单input标签新增type

示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action=""> <!--email提供了默认的电子邮箱的完整验证:要求必须包含@符号,同时必须包含服务器名称

Input标签中Type的类型及详细用法

转载▼     Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍. 1,type=text 输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电话号码,电子邮件,家庭住址等等.当然这也是Input的默认类型. 参数name:同样是表示的该文本输入框名称. 参数size:输入框的长度大小. 参数maxlength:输入框中允许输入字符的最大数. 参数value:输入框中的默认值

HTML &lt;input&gt; 标签的 type 属性

下面的表单拥有两个输入字段以及一个提交按钮: <form action="form_action.asp" method="get"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname&

JQuery实现radio、select、checkbox禁用

<script>$(document).ready(function(){ <!-- radio的禁用 --> var input = $("#appDIV").find("input:radio");   input.attr("disabled","disabled");   input.each(function(){     if($(this).val()==2){        $(this

html中input标签相关的属性

1. input标签的type属性 属性 值 描述 type button 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本). file 定义输入字段和 "浏览"按钮,供文件上传. checkbox 定义复选框. hidden 定义隐藏的输入字段. image 定义图像形式的提交按钮. password 定义密码字段.该字段中的字符被掩码. radio 定义单选按钮. reset 定义重置按钮.重置按钮会清除表单中的所有数据. submit 定义提交按钮.提交按钮

javascript中的select、checkbox

遍历checkbox <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

input标签存在的兼容问题?

当input标签在type为text时,在Firefox和Safari中的默认高度为22像素(包括上下边框)宽度为146像素(包括左右边框),而在IE中的默认高度为24像素,而宽度却和Firefox和Safari是一致的,也是146像素. 当 input标签在type为submit时,在Firefox中的高度为23像素(包括阴影),宽度为75像素.在Safari中高度为21像素,宽度为73像素,在IE中高度为为25像素.宽度为73像素.

input标签写CSS时需要注意的几点(先收藏)

(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期2014-05-05) 飞鱼的声纳顶部的搜索框让我头疼了很长时间,原因是总不能获得跨浏览器的统一样式.主要的问题有这么两个:一是input标签的高度不能统一,Firefox和IE中的高度始终不能一致:二是在IE浏览器中属性为text的input标签中的输入文字不像标准浏览器中的那样垂直居中显示,而是靠输入框的左上角显示. 为了彻底解决搜索框的这些问题,我以GreenGaint主题搜索框的样式为准,重写了一遍代码并且以像素为单位测量了