jQuery对下拉框、单选框、多选框的处理
下拉框:
//得到下拉菜单的选中项的文本(注意中间有空格)
var cc1 = $(".formc select[@name='country'] option[@selected]").text();//得到下拉菜单的选中项的值
var cc2 = $('.formc select[@name="country"]').val();//得到下拉菜单的选中项的ID属性值
var cc3 = $('.formc select[@name="country"]').attr("id");//清空下拉框//
$("#select").empty();$("#select").html('');//添加下拉框option
$("<option value='1'>1111</option>").appendTo("#select")
select[@name='country'] option[@selected]
表示具有name 属性,并且该属性值为’country’ 的select元素里面的具有selected 属性的option 元素。可以看出有@开头的就表示后面跟的是属性。
单选框:
//得到单选框的选中项的值(注意中间没有空格)
$("input[@type=radio][@checked]").val();//设置单选框value=2的为选中状态.(注意中间没有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked');
复选框:
//得到复选框的选中的第一项的值
$("input[@type=checkbox][@checked]").val();//由于复选框一般选中的是多个,所以可以循环输出
$("input[@type=checkbox][@checked]").each(function(){
alert($(this).val());
});//不打勾
$("#chk1").attr("checked",'');//打勾
$("#chk2").attr("checked",true);//判断是否已经打勾
if($("#chk1").attr('checked')==undefined){}//添加下拉框的option
$("<option value='1'>1111</option>").appendTo("#select")$("<option value='1'>1111</option>").appendTo("#select")
转载于:https://www.cnblogs.com/phperbar/archive/2011/07/21/2112612.html
jQuery对下拉框、单选框、多选框的处理相关推荐
- Vue.js 极简小例:表单 (输入框 input、文本域 textarea、单选框 radio、下拉菜单 selected、复选框 checkbox)
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 代码: <template> <div > <p>------- ...
- php 下拉树 多项选择框,jQuery树形下拉框插件multipleTree升级
插件描述:tree是基于jqueryztree开发的树形下拉选择框插件,支持ie8+谷歌,火狐,360等浏览器(multipleTree升级版) 更新时间:2020-09-26 00:48:20 更新 ...
- jquery对下拉框的操作
<script type="text/javascript"></script> jQuery对下拉框的操作 /获取第一个option的值 $('#test ...
- php下拉列表框 是隐藏变色的代码,jQuery设置下拉框显示与隐藏效果的方法分析...
本文实例讲述了jQuery设置下拉框显示与隐藏效果的方法.分享给大家供大家参考,具体如下: jQuery的 hide() 和 show() 方法分别用来隐藏和显示 HTML 元素,而 toggle() ...
- 级联查询ajax,Jquery+Ajax下拉框级联查询
Jquery代码 $(function(){ //提交事件 $("#ImageButton1").click(function(){ //省Id var provinceId=$( ...
- 用jquery修改默认的单选框radio或者复选框checkbox选择框样式
默认的radio和checkbox选框很难看.我去看了一下qq注册的页面.发现单选和复选框并没有用<input>,居然是用是A标签.然后用css背景图片展示选择框,用JavaScript控 ...
- jQuery获取下拉菜单列表的值
在表单提交的网页中,我们经常使用下拉菜单列表,这篇文章解释了如何获取下拉列表选择的值. 在jQuery中,我们通过使用.val()方法获得下拉列表的选定值. .val()方法主要用于获取表单元素的值, ...
- html5 多选框控件,复选框和单选框都属于控件吗
单选框和复选框的区别是什么? 单选框和复选框的区别是什么? 详细一点-. (1)复选框可以允许你选择多个设置,而单选框则允许你选择一个设置: 这两个选框的区别是一个通过用圆圈表示,一个通过用方框表示. ...
- 改变单选或者复选框的样式
原理是通过定位把以前的样式覆盖掉,就酱... 代码如下: css.checkbox{position: relative;padding-left: 8px;}.checkbox:before{con ...
最新文章
- jboss 5.x/6.x 反序列化漏洞 cve-2017-12149
- linux 关闭磁盘检测,linux下检测磁盘状态
- 【BZOJ2286】消耗战(虚树,动态规划)
- 监听edittext中文字个数变化··
- NEFU704(AC自动机+状态压缩)
- Objective-C 语法
- 【Spring】actual transaction available for current thread - cannot reliably process ‘remove‘ call
- java正则表达式 %_java正则表达式入坑指南
- [PCB设计] 1、硬件原理图设计规范(一)——基本原则
- BreakPoint Hex Workshop 6.7.2.5284 portable
- 【触动精灵将图片转成base64字符串后通过post方式上传给服务器】
- unity 安装遇到问题
- 如何用python裁剪图片
- #1829 : Tomb Raider(哈希)
- CSS压缩之:正则五步替换法
- Unity 年度总结:一款游戏的从0到1
- ROS系列(四):ROS通信机制系列(3):参数服务器
- 物联网设备数据流转之前后端数据交互与展示:Layout, Cascader, Card, Dialog, Table, Pagination
- 微信工具(Python)实现备注管理和群发消息
- 32位ARM嵌入式处理器的调试技术