jquery操作select、radio、checkbox表单元素
文本框text:
$("#txt").attr("value") //获取值
$("#txt").attr("value",'11'); //设置值
多选框checkbox:
$("#checkbox_id").attr("value"); //获取CheckBox的Value
$("#checkbox_id").attr("checked"); //获取CheckBox状态(有没有被选中,返回true/false)
$("#checkbox_id").attr("checked",true); //设置CheckBox状态为选中(checked=true)
$("#checkbox_id").attr("checked",false); //设置CheckBox的状态为不选中(checked=false)
单选组radio:
$("input[name='radio_name'][checked]").val(); //获取被选中Radio的Value值
$("input[@name=items][@checked]").val(); //获取一组radio被选中项的值
$("input[@type=radio]").attr(“checked”,'2'); //设置value=2的项目为当前选中项
下拉框select:
$("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中,下拉框的第二个元素为当前选中值
$("#select_id ").val(4); //设置Select的Value值为4的项选中
$("#select_id").attr(“value”,'abc'); //设置value=abc的项目为当前选中项
$("#select_id").find("option:selected").text(); //获取Select选择的Text
$("#select_id").val(); //获取Select选择的Value
$("#select_id").get(0).selectedIndex; //获取Select选择的索引值
$("#select_id option:last").attr("index"); //获取Select最大的索引值
$("#select_id").empty(); //清空下拉框
$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
$("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
$("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
$("#select_id option[text='4']").remove(); //删除Select中Text='4'的OptionTag标签
转载于:https://www.cnblogs.com/star2012/archive/2012/11/10/2764072.html
jquery操作select、radio、checkbox表单元素相关推荐
- 表单标签——input表单元素、select下拉表单元素和textarea文本域
表单标签 表单的目的是为了收集用户信息.在网页中,我们也要跟用户进行交互,收集用户资料,此时就需要表单. 表单的组成:在HTML中,一个完整的表单通常由表单域.表单控件(也称为表单元素)和提示信息三部 ...
- HTML基本语法之表单标签:表单的组成 ,表单域,表单控件元素(表单元素) ,input表单元素, label标签, 表单控件(表单元素), select表单元素, textarea表单元素
文章目录 表单标签 表单的组成 表单域 常用属性: 表单控件元素(表单元素) input表单元素 label标签 表单控件(表单元素) select表单元素 textarea表单元素 表单元素几个总结 ...
- 2021/11/1 前端开发之JavaScript+jQuery入门 第十三章表单效验
目录 1.JavaScript验证表单内容 2.表单选择器 3.表单属性过滤选择器 4.正则表达式 4.1 正则表达式的定义 4.2 表达式规则 4.3 正则表达式的使用方式 5.HTML5表单验证 ...
- html中表单元素中的单选框,Html表单元素及表单元素详解
大纲 1.认识表单 2.认识表单元素 3.表单元素的分类 4.表单元素--文本框 5.表单元素button 6.表单元素--单选.多选 7.表单元素--select 8.表单元素--textarea ...
- jQuery操作Form表单元素
Web开发中常常须要操作表单,form表单元素有select.checkbox.radio.textarea.button.file.text.hidden.password等. 当中checkbox ...
- 5 select 选择的值_表单元素之选择类型
表单元素的选择类型可以分为三种: 单选 多选 下拉 单选和复选框的属性值可以有两个:disabled(不可操作的) 和 checked. 下拉框的属性值可以是:selected(默认选中) .mult ...
- CSS-5 列表元素(ol+ul++li+dl+dt+dd)、表格元素、单元格合并、表单元素(input+label+radio+...)、Emmet语法、结构伪类(:nth-child)
目录 1_列表元素 1.1_列表的实现方式 1.2_有序列表 – ol – li 1.3_无序列表 – ul - li 1.4_定义列表 – dl – dt - dd 1.5_ 写前端代码逻辑顺序 2 ...
- selenium的常见表单元素操作
selenium的表单相关操作 selenium是浏览器自动化测试框架,是一个用于Web应用程序测试的工具,可以直接运行在浏览器当中,并可以驱动浏览器执行指定的动作,如点击.下拉.填充数据.删除coo ...
- jQuery 学习-样式篇(六):jQuery 获取和设置表单元素的值
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
- HTML给表单元素赋值,JQuery表单元素取值赋值方法总结
一.普通文本框的赋值与取值 1.1.1赋值 jQuery 表单元素取值与赋值方法总结 function get(){ var test1 = $("input.test1").va ...
最新文章
- UVA839 天平 Not so Mobile(二叉树的递归遍历建树并回答问题)
- hexo使用jenkins自动部署到阿里云
- Openstack组件部署 — Overview和前期环境准备
- 昆明二级计算机考试报名时间2015,4月15日开始网上报名!云南省2021年上半年中小学教师资格考试(面试)安排来了——昆明广播电视台...
- 成功解决sklearn\ensemble\weight_boosting.py:29: DeprecationWarning: numpy.core.umath_tests is an interna
- LCP 01. Guess Numbers 猜数字
- 【ArcGIS Pro微课1000例】0002:ArcGIS Pro 2.5二三维联动显示
- 准确性 敏感性 特异性_如何掌握类型特异性的艺术
- 常用IE浏览器的兼容处理(方法一)
- 在网上搜到的有用的资料
- keepalived(二)vip漂移
- 玄学编程入坑指南之侠客行:黑匣子·谜
- c语言 最大子段和,C语言程序设计100例之(13):最大子段和
- vi: 未找到命令_vi技巧和窍门:十个很棒的命令一定会给您的朋友留下深刻的印象...
- GIS真正的魅力在哪?
- 360杯-实训平台安全入门 · 课程测试
- BlueTooth: 蓝牙Profile的概念和常见种类
- stm32 设置systick中断抢先式优先级
- sqlserver数据库中批量写入海量数据
- P1478 陶陶摘苹果(升级版)
热门文章
- Julia : SharedArrays与@async比快
- 一级市场,退出有多难?
- Rust: rev()、Vec、其它
- 两种云原生技术在弹性计算的使用、原理和思考
- 云智能资深专家崮德:谈谈我对华为HarmonyOS 2.0的看法
- 【路径规划】基于matlab RRT算法求解机器人避障路径规划问题【含Matlab源码 319期】
- 【细胞分割】基于matlab GUI阈值+边缘+形态学+种子点+主动轮廓图像分割【含Matlab源码 1477期】
- 【优化算法】杂草优化算法(IWO)【含Matlab源码 1076期】
- 【电路仿真】基于matlab Simulink红绿灯车辆数量识别【含Matlab源码 378期】
- 神经网络 神经元_神经去耦