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

USB接口使用：理解Type-A、Type-C的区别，以及数据传输速度。 #生活技巧# #数码产品使用技巧# #数码产品入门#

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

网址：input标签的type为select、radio、checkbox的使用 https://www.yuejiaxmz.com/news/view/215890

相关内容

【HTML】表单标签，表单的格式化
利用css3修改input[type=radio]样式
软件开发实训（720科技）――第五课：数据绑定和标签库
使用 iMacros 来自动化日常的工作
HTML学习
jquery知识整理(四)
input的type=file上传图片简单使用
CSS小技巧——去除input[type=number]的默认样式
input的type为file时，判断上传文件的类型和大小
修改 input type=file 的样式的最简单方法

随便看看