文本框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表单元素相关推荐

  1. 表单标签——input表单元素、select下拉表单元素和textarea文本域

    表单标签 表单的目的是为了收集用户信息.在网页中,我们也要跟用户进行交互,收集用户资料,此时就需要表单. 表单的组成:在HTML中,一个完整的表单通常由表单域.表单控件(也称为表单元素)和提示信息三部 ...

  2. HTML基本语法之表单标签:表单的组成 ,表单域,表单控件元素(表单元素) ,input表单元素, label标签, 表单控件(表单元素), select表单元素, textarea表单元素

    文章目录 表单标签 表单的组成 表单域 常用属性: 表单控件元素(表单元素) input表单元素 label标签 表单控件(表单元素) select表单元素 textarea表单元素 表单元素几个总结 ...

  3. 2021/11/1 前端开发之JavaScript+jQuery入门 第十三章表单效验

    目录 1.JavaScript验证表单内容 2.表单选择器 3.表单属性过滤选择器 4.正则表达式 4.1 正则表达式的定义 4.2 表达式规则 4.3 正则表达式的使用方式 5.HTML5表单验证 ...

  4. html中表单元素中的单选框,Html表单元素及表单元素详解

    大纲 1.认识表单 2.认识表单元素 3.表单元素的分类 4.表单元素--文本框 5.表单元素button 6.表单元素--单选.多选 7.表单元素--select 8.表单元素--textarea ...

  5. jQuery操作Form表单元素

    Web开发中常常须要操作表单,form表单元素有select.checkbox.radio.textarea.button.file.text.hidden.password等. 当中checkbox ...

  6. 5 select 选择的值_表单元素之选择类型

    表单元素的选择类型可以分为三种: 单选 多选 下拉 单选和复选框的属性值可以有两个:disabled(不可操作的) 和 checked. 下拉框的属性值可以是:selected(默认选中) .mult ...

  7. 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 ...

  8. selenium的常见表单元素操作

    selenium的表单相关操作 selenium是浏览器自动化测试框架,是一个用于Web应用程序测试的工具,可以直接运行在浏览器当中,并可以驱动浏览器执行指定的动作,如点击.下拉.填充数据.删除coo ...

  9. jQuery 学习-样式篇(六):jQuery 获取和设置表单元素的值

    推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...

  10. HTML给表单元素赋值,JQuery表单元素取值赋值方法总结

    一.普通文本框的赋值与取值 1.1.1赋值 jQuery 表单元素取值与赋值方法总结 function get(){ var test1 = $("input.test1").va ...

最新文章

  1. UVA839 天平 Not so Mobile(二叉树的递归遍历建树并回答问题)
  2. hexo使用jenkins自动部署到阿里云
  3. Openstack组件部署 — Overview和前期环境准备
  4. 昆明二级计算机考试报名时间2015,4月15日开始网上报名!云南省2021年上半年中小学教师资格考试(面试)安排来了——昆明广播电视台...
  5. 成功解决sklearn\ensemble\weight_boosting.py:29: DeprecationWarning: numpy.core.umath_tests is an interna
  6. LCP 01. Guess Numbers 猜数字
  7. 【ArcGIS Pro微课1000例】0002:ArcGIS Pro 2.5二三维联动显示
  8. 准确性 敏感性 特异性_如何掌握类型特异性的艺术
  9. 常用IE浏览器的兼容处理(方法一)
  10. 在网上搜到的有用的资料
  11. keepalived(二)vip漂移
  12. 玄学编程入坑指南之侠客行:黑匣子·谜
  13. c语言 最大子段和,C语言程序设计100例之(13):最大子段和
  14. vi: 未找到命令_vi技巧和窍门:十个很棒的命令一定会给您的朋友留下深刻的印象...
  15. GIS真正的魅力在哪?
  16. 360杯-实训平台安全入门 · 课程测试
  17. BlueTooth: 蓝牙Profile的概念和常见种类
  18. stm32 设置systick中断抢先式优先级
  19. sqlserver数据库中批量写入海量数据
  20. P1478 陶陶摘苹果(升级版)

热门文章

  1. Julia : SharedArrays与@async比快
  2. 一级市场,退出有多难?
  3. Rust: rev()、Vec、其它
  4. 两种云原生技术在弹性计算的使用、原理和思考
  5. 云智能资深专家崮德:谈谈我对华为HarmonyOS 2.0的看法
  6. 【路径规划】基于matlab RRT算法求解机器人避障路径规划问题【含Matlab源码 319期】
  7. 【细胞分割】基于matlab GUI阈值+边缘+形态学+种子点+主动轮廓图像分割【含Matlab源码 1477期】
  8. 【优化算法】杂草优化算法(IWO)【含Matlab源码 1076期】
  9. 【电路仿真】基于matlab Simulink红绿灯车辆数量识别【含Matlab源码 378期】
  10. 神经网络 神经元_神经去耦