Jquery操作select、checkbox、radio详细讲解
1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值
1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) 2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置) 3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) 4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 6. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option 7. $("#SelectID").remove(); //删除所有项
- <script type="text/javascript">
- $(document).ready(function() {
- var arrChk=$("input[name='chk_list'][checked]");
- $(arrChk).each(function(){
- window.alert(this.value);
- });
- });
- </script>
4,checkbox方法
- $(document).ready(function() {
- var check = $("input[type='checkbox']");
- check.each(function(n) {
- check.eq(n).bind("click", function() {
- if (check.eq(n).attr("checked") != false) {
- var value = check.eq(n).val();
- alert(value);
- }
- else {
- alert(check.eq(n).attr("checked"));
- }
- })
- });
- });
3,解决多个Radio $("input[type='radio'][@name='rdoTest2']").eq(0).attr("checked", true);Jquery操作select、checkbox、radio详细讲解
转载于:https://www.cnblogs.com/xiexingen/archive/2013/01/16/2862764.html
Jquery操作select、checkbox、radio详细讲解相关推荐
- jquery操作select下拉框的各种方法,获取选中项的值或文本,根据指定的值或文本选中select的option项等...
简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...
- jQuery操作Select
jQuery是如何控制和操作select的.先看下面的html代码 <select id="test"><option value="1"&g ...
- jQuery: 操作select option方法集合
每一次操作select的时候,总是要谷歌一下资料,真是太不爽了, 在这里记录一下. 公共select代码 <select id="sel"><option val ...
- jquery操作select时怎么产生事件
jquery操作select时怎么产生事件 jquery操作select时怎么产生事件, 如我设置2为选中项 $('#select').val("2"); 哪么怎么同时产生一个on ...
- ajax 给select赋值,jquery操作select取值赋值与设置选中
摘要 腾兴网为您分享:jquery操作select取值赋值与设置选中,掌上优云,杂志迷,悦作业,小米云盘等软件知识,以及屏幕,赢在街拍客,动图,天下任我行,网易充值中心,马上用车,cf不掉血,回收ap ...
- js原生操作select、radio 、checkbox
select.radio .checkbox常见操作 select常见操作 radio常见操作 select常见操作 html代码 <select class="select" ...
- Jquery 获取select,radio 和 checkbox的值
1,jquery获取select的值. $("#select1 option:selected").text(); 2,jquery 获取radio的值. $('#radio_id ...
- jquery操作select(增加,删除,清空)
jQuery获取Select选择的Text和Value: 引用https://www.cnblogs.com/Luouy/p/5806833.html $("#select_id" ...
- Jquery操作select小结
每次操作select都要查资料,干脆总结一下. 为select设置placeholder <select class="form-control selOP" placeho ...
- jq select 修改选中_「jquery select」jquery操作select(取值,设置选中) - seo实验室
jquery select 最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料 一.基础取值问题 例如 1.设置value为pxx的项选中 $(".sele ...
最新文章
- XSLT 与 Java集成常见技术关键点
- 织梦直接写php标签,怎么在自己的php页面中使用dedecms标签
- 1.13 编程基础之综合应用_14求满足条件的3位数 python
- 【机器学习】集成学习--Stacking
- 力扣76,最小覆盖字串(JavaScript)
- Appium使用教程
- android自动计步_自动计步器app下载
- 代购集运系统平台一键上传淘宝商品至韩国coupang经验分享
- 设计配色的基本知识以及原理
- 2000-2019全中国省、市、县企业注册数据(包含经纬度、注册数目等多指标信息)
- 欧拉恒等式:数学史上的真正完美公式!
- I DEA出现Spring配置错误:class path resource [.xml] cannot be opened because it does not exist
- 坚鹏:中国邮政储蓄银行银行业同业竞争策略分析培训圆满结束
- Beta Distribution Guided Aspect-aware Graph for Aspect Category Sentiment Analysis论文阅读笔记(EMNLP2021)
- 设计模式(四)行为型模式介绍及实例(上)
- NFC-PN532串口驱动编写
- 编译isl和cloog库出现:fatal error: gmp.h: No such file or directory
- CAPL 脚本对.ini 配置文件的高阶操作
- 2015年7月29日工作总结
- python中右对齐_Python rjust()字符串右对齐方法详解