js/jquery中单选框、下拉框使用总结
来源:互联网 发布:农产品网络销售数据 编辑:程序博客网 时间:2024/06/05 08:09
单选框
前言:jQuery中,prop()方法获取的是元素的属性(property),而attr()获取的则是元素的特性(attribute)。selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected 应使用.prop()方法进行取值或赋值。
<input type="checkbox" checked="checked" /> (此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
下拉框
<select name="" id="select"> <option value="v11">11</option> <option value="v12" >12</option> <option value="v13" selected>13</option></select>
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 //清空
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
0 0
- js/jquery中单选框、下拉框使用总结
- js Jquery 操作Select 下拉框
- js jquery 级联显示下拉框
- 下拉框搜索功能chosen.jquery.js
- jQuery对下拉框Select操作总结
- jQuery对下拉框Select操作总结
- jQuery对下拉框Select操作总结
- jQuery对下拉框Select操作总结
- jQuery对下拉框Select操作总结
- IE6情况下使用jquery.bgiframe.js插件解决下拉列表框被遮盖BUG
- IE6下使用jquery.bgiframe.js插件解决下拉框覆盖浮动层、Dialog的问题
- 下拉框自动完成(autocomplete)带有分页功能SutaraLumpur-jquery.ajaxComboBox.js的使用
- chosen.jquery.min.js的使用(select下拉框支持首字母搜索)
- 主题:js下拉列表框操作总结
- JS 处理select下拉框信息总结
- 使用jquery获取下拉框选择内容
- 使用jquery模拟select下拉框
- jQuery下拉框使用(一)
- [课堂笔记]四.面向对象
- 关于微信小程序的基本知识
- kafka入门:简介、使用场景、设计原理、主要配置及集群搭建(转)
- 小程序二维码生成器,带参数二维码生成
- 经纬度坐标转换成屏幕坐标
- js/jquery中单选框、下拉框使用总结
- 4 java集合类总结
- 虚拟机已死 “容器”才是未来?
- c++ 随机数,浮点数据随机
- 在使用lock 和 ExecutorService 时需要注意的问题
- 关于virgo插件的初学体验
- 微信小程序上手篇(1)
- 类的本质
- 常用布局 @mixin