js/jQuery中单选框、下拉框的取值、设置

YorkChen 发布于2019-08-22 10:50 / 3686人阅读

摘要：中单选框下拉框的取值设置一单选框前言中，方法获取的是元素的属性而获取的则是元素的特性。和应使用方法进行取值或赋值。

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

GPU云服务器云服务器 php 单选框取值单选框 html 多选框的值复选框取值

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/91367.html

[ 一起学React系列 -- 5 ] 如何优雅得使用表单控件

摘要：假如我们从后台拉取一个数据要填入输入框，那么必须得使用受控组件，因为非受控组件只能被用户输入。不影响正常输入填充该输入框的默认值，此时不显示内容。网页中使用的form表单大家肯定都再熟悉不过了，它主要作用是用来收集和提交信息。React中的表单组件与我们普通的Html中的表单及其表现形式没有什么不同，所以如何使用表单我觉得再拿出来说可能是画蛇添足、毫无意义。不过再怎么样也不能辜负大家...

Charlie_Jade 2019-08-26 12:20 评论0 收藏0
常用的HTML标签详解与总结

摘要：今天，我们就来详细介绍常用的标签。标签对文字字符进行换行处理。标签加入水平分割线。标签语义强调，表示重视。标签有序列表标签。即定义描述，用于添加该名词的具体解释。标签用来显示图片。默认内容标签下拉列表，以和两个标签配合完成。对于很多HTML初学者来说，记忆和掌握标签是一门很难搞的功课。今天，我们就来详细介绍常用的HTML标签。对于标签的掌握，更多的是要通过练习，熟能生巧。 stlye...

DobbyKim 2019-08-02 16:06 评论0 收藏0
FROM表单中单选按钮和复选框值的传递

摘要：默认选择如果将属性放在多个单选按钮上，以后的实例将覆盖之前的实例也就是说，最后一个单选按钮将是所选的单选按钮。这是因为一次只能选择组中的一个单选按钮，并且每次将新的单选按钮标记为已选中时，用户代理会自动取消选择其他单选按钮。好久没写登录有些细节有点有点模糊所以还是写一下把 1 单选按钮 showImg(https://segmentfault.com/img/bVbrzjI?w...

silenceboy 2019-08-23 17:01 评论0 收藏0
【译】原生表单组件

摘要：文本输入框文本输入框是最基本的表单组件，它便于用户输入各种数据。对大多数表单组件而言，表单提交后所有具有属性的组件都会被提交，即使它们没有获值。重置按钮用于重置所有表单组件为默认值。系列文章说明原文 HTML表单是由组件构成的，这些组件是各种浏览器都支持的内置控件。本文中我们将深入探讨它们、了解它们的作用、学习如何让各种浏览器更好地支持它们。虽然这里我们只探讨内建表单组件，但...

sunnyxd 2019-08-02 15:55 评论0 收藏0
构建静态页面之 [ 表单 ]

摘要：表单表单元素元素表示设置表单属性设置接收表单的指定服务器端的地址路径属性表示发送给服务器端的方式属性值默认值将提交的数据添加到地址栏中进行提交有限制，不安全属性值将提交的数据绑定在表单中进行提交没有限制，相对安全属性提交表单时要设表单表单元素元素表示设置表单 action属性 - 设置接收表单的指定服务器端的地址路径 method属性 - 表示发送给服务器端的方式 ge...

zhangwang 2019-08-29 16:31 评论0 收藏0