摘要:中单选框下拉框的取值设置一单选框前言中,方法获取的是元素的属性而获取的则是元素的特性。和应使用方法进行取值或赋值。
js/jQuery中单选框、下拉框的取值、设置 一.单选框
前言:jQuery中,prop()方法获取的是元素的属性(property),而attr()获取的则是元素的特性(attribute)。selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected 应使用.prop()方法进行取值或赋值。
(此input假定为elem)
以下三种方式可以得到checkbox的选择状态:
1. elem.checked //boolean类型 2. $(elem).prop("checked") //boolean类型 3. $(elem).is(":checked") //boolean类型
$(elem).attr("checked")只是设置复选框最初的值,并且也不会随着复选框状态的改变而改变,并且得到的值是string类型喔。
在html中的设置为checked="checked",而js/jQuery中的设置和判断为checked=true/false
二.下拉框 (1) js操作1.获取选中项索引
select.selectedIndex //2
2.获取选中项的value
select.value //v13
3.获取选中项的text
select.options[select.selectedIndex].text //13
4.替换特定项的value
select.options[0].value=111 //控制options
5.选中特定项
select.selectedIndex=0; //控制索引 select.options[0].value="v00"; //控制选定值
6.清空option
select.options.length=0 //清空(2) jQuery操作
1.获取选中项索引
$("#select").find(":selected").index(); //2 $("#select").get(0).selectedIndex; //2
2.获取选中项的val
$("#select").find(":selected").val(); //13 $("#select").get(0).value; //13
3.设置val=xxx为选中项
$("#select").find("option[value="v13"]").prop("selected",true); //13
4.清空option
$("#select").empty(); //13
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/91367.html
摘要:假如我们从后台拉取一个数据要填入输入框,那么必须得使用受控组件,因为非受控组件只能被用户输入。不影响正常输入填充该输入框的默认值,此时不显示内容。 网页中使用的form表单大家肯定都再熟悉不过了,它主要作用是用来收集和提交信息。React中的表单组件与我们普通的Html中的表单及其表现形式没有什么不同,所以如何使用表单我觉得再拿出来说可能是画蛇添足、毫无意义。不过再怎么样也不能辜负大家...
摘要:今天,我们就来详细介绍常用的标签。标签对文字字符进行换行处理。标签加入水平分割线。标签语义强调,表示重视。标签有序列表标签。即定义描述,用于添加该名词的具体解释。标签用来显示图片。默认内容标签下拉列表,以和两个标签配合完成。 对于很多HTML初学者来说,记忆和掌握标签是一门很难搞的功课。今天,我们就来详细介绍常用的HTML标签。对于标签的掌握,更多的是要通过练习,熟能生巧。 stlye...
摘要:默认选择如果将属性放在多个单选按钮上,以后的实例将覆盖之前的实例也就是说,最后一个单选按钮将是所选的单选按钮。这是因为一次只能选择组中的一个单选按钮,并且每次将新的单选按钮标记为已选中时,用户代理会自动取消选择其他单选按钮。 好久没写登录 有些细节有点有点模糊 所以还是写一下把 1 单选按钮 showImg(https://segmentfault.com/img/bVbrzjI?w...
摘要:表单表单元素元素表示设置表单属性设置接收表单的指定服务器端的地址路径属性表示发送给服务器端的方式属性值默认值将提交的数据添加到地址栏中进行提交有限制,不安全属性值将提交的数据绑定在表单中进行提交没有限制,相对安全属性提交表单时要设 表单 表单元素 元素 表示设置表单 action属性 - 设置接收表单的指定服务器端的地址路径 method属性 - 表示发送给服务器端的方式 ge...
阅读 2855·2021-11-24 09:39
阅读 3084·2021-11-19 10:00
阅读 1507·2021-10-27 14:17
阅读 1789·2021-10-14 09:43
阅读 939·2021-09-03 10:30
阅读 3399·2019-08-30 15:54
阅读 2702·2019-08-30 13:05
阅读 1971·2019-08-30 11:02