首页 分享 关于input的value用法介绍

关于input的value用法介绍

来源:花匠小妙招 时间:2024-12-16 01:42

最新推荐文章于 2024-10-12 10:25:22 发布

小青头 于 2018-07-27 16:16:23 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

不同type下input的含义和用途使用jQuery选择器获取value值的注意事项 radiocheckboxoptiontext

不同type下input的含义和用途

type类型input用途value值的含义text单行文本框文本框中默认初始内容password用来输入密码的单行文本框(文本框中的内容将被显示为*)文本框中默认初始内容button普通按钮定义按钮文本submit提交按钮(提交表单时使用)定义按钮上的文本radio单选按钮单击时的结果(必须有)checkbox复选按钮单击时的结果(必须有)file上传文件元素不是同时使用reset重置按钮定义按钮上的文本

注意:对于radio,checkbox单选和复选来说,value必须要有,单击元素时,将该元素的value与name作为键值对传给后台服务器

使用jQuery选择器获取value值的注意事项

radio

获取元素值
示例一:$('input[type=radio]:checked').val()
作用:获取被选中的单选框的value

设置元素值
示例二:$('input[type=radio]:checked').val(['1'])
作用:设置单选框中值为1的元素处于被选中状态

checkbox

获取元素值
示例:$('input[type=checkbox]:checked').val()
作用:获取第一个被选中的复选框的value

设置元素值
示例:$('input[type=checkbox]:checked').val(['1','2'])
作用:设置复选框中值为1和值为2的元素处于被选中状态

option

获取元素的值
示例:$('option:selected').val()
$('option:selected').text()
注意:val()是获取被选中的标签的值(单击时的结果,标签的value属性),而text()是标签上的文字属性。

设置元素的值
示例:$('select').val('bg');
注意:将下拉列表的默认选项设置值为bg的标签,注意选择器必须选择select标签,而不能选择option标签

总结:获取元素的值时,用val()属性;设置单选框,复选框,下拉式列表时,值必须用中括号[]括起来,代表初始状态被选中的标签。

text

获取元素的值
示例:$('input[type=text]').val()
作用:获取文本框中的内容

设置元素值
示例:$('input[type=text]').val(‘hello’)
作用:将文本框中的内容设置为hello

相关知识

自定义(滑动条)input[type=“range”]样式
前端——table标签和form标签和控件:table,input的type类型,select和option,label,textarea
input type=“file“属性详解,利用capture调用手机摄像头
input[type=file] 获取上传文件的内容
使input type=“file” 不可编辑
详解CSS属性选择器
input[type=“file”] change事件第二次不触发
【HTML】我的花儿我做主~ 指定花瓣的数量,生成花朵~
点击input checkbox之后代码里面自动添加checked=“checked”
Input length = 1和Input length = 2的异常解决

网址: 关于input的value用法介绍 https://www.huajiangbk.com/newsview1117967.html

所属分类:花卉
上一篇: 花儿,已悄然绽放阅读附答案
下一篇: LOOKUP 函数

推荐分享