jQuery中的RadioButton,input,CheckBox取值赋值实现代码


Posted in PHP onFebruary 18, 2014

1、jquery 获取单选组radio
$("input[name='name']:checked").val();

2、jquery获取radiobutton的下一个值
$("input[name='name']:checked").next().text()
$("input[name='name']:checked").val()

3、jquery 获取input的值
$('#id').val()

4、jquery判断多选框checkbox
$("#id:checkbox").attr("checked")
取值 $("#id").attr("value");
赋值则是在text()、val()里面直接给值

JQUERY如何获取text,areatext,radio,checkbox,select值?
$("input").val();
$("textarea").text();
$("select").val();

控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容
多选框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

jQuery 获取和设置select下拉框的值文章分类:.net编程

获取Select :
获取select 选中的 text :
$("#ddlRegType").find("option:selected").text();

获取select选中的 value:
$("#ddlRegType ").val();

获取select选中的索引:
$("#ddlRegType ").get(0).selectedIndex;

设置select:
设置select 选中的索引:
$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

设置select 选中的value:
$("#ddlRegType ").attr("value","Normal“);
$("#ddlRegType ").val("Normal");
$("#ddlRegType ").get(0).value = value;

设置select 选中的text:
var count=$("#ddlRegType option").length;
for(var i=0;i<count;i++)
{ if($("#ddlRegType ").get(0).options[i].text == text)
{
$("#ddlRegType ").get(0).options[i].selected = true;
break;
}
}
$("#select_id option[text='jQuery']").attr("selected", true);

设置select option项:
$("#select_id").append("<option value='Value'>Text</option>"); //添加一项option
$("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
$("#select_id option:last").remove(); //删除索引值最大的Option
$("#select_id option[index='0']").remove();//删除索引值为0的Option
$("#select_id option[value='3']").remove(); //删除值为3的Option
$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option

清空 Select:
$("#ddlRegType ").empty();

PHP 相关文章推荐
PHP远程连接MYSQL数据库非常慢的解决方法
Jul 05 PHP
常用的php对象类型判断
Aug 27 PHP
Zend Guard一些常见问题解答
Sep 11 PHP
一个很不错的PHP翻页类
Jun 01 PHP
PHP中register_globals参数为OFF和ON的区别(register_globals 使用详解)
Feb 05 PHP
php颜色转换函数hex-rgb(将十六进制格式转成十进制格式)
Sep 23 PHP
Thinkphp使用mongodb数据库实现多条件查询方法
Jun 26 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十五)
Jun 30 PHP
php使用PDO方法详解
Dec 27 PHP
ThinkPHP 模板substr的截取字符串函数详解
Jan 09 PHP
自写的利用PDO对mysql数据库增删改查操作类
Feb 19 PHP
基于PHP+Mysql简单实现了图书购物车系统的实例详解
Aug 06 PHP
PHP中ini_set和ini_get函数的用法小结
Feb 18 #PHP
php获取参数的几种方法总结
Feb 18 #PHP
PHP字符串中特殊符号的过滤方法介绍
Feb 18 #PHP
PHP对表单提交特殊字符的过滤和处理方法汇总
Feb 18 #PHP
PHP strip_tags()去除HTML、XML以及PHP的标签介绍
Feb 18 #PHP
php阻止页面后退的方法分享
Feb 17 #PHP
php中sprintf与printf函数用法区别解析
Feb 17 #PHP
You might like
PHP下SSL加密解密、验证、签名方法(很简单)
2020/06/28 PHP
Yii使用Captcha验证码的方法
2015/12/28 PHP
PHP生成唯一ID之SnowFlake算法
2016/12/17 PHP
php获取数据库中数据的实现方法
2017/06/01 PHP
JavaScript入门教程(6) Window窗口对象
2009/01/31 Javascript
javascript获取作用在元素上面的样式属性代码
2012/09/20 Javascript
Json序列化和反序列化方法解析
2013/12/19 Javascript
JavaScript中的对象序列化介绍
2014/12/30 Javascript
Javascript核心读书有感之词法结构
2015/02/01 Javascript
Nodejs关于gzip/deflate压缩详解
2015/03/04 NodeJs
jQuery实现切换字体大小的方法
2015/03/10 Javascript
javascript运动详解
2015/07/06 Javascript
ionic隐藏tabs的方法
2016/08/29 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
vue分类筛选filter方法简单实例
2017/03/30 Javascript
详解通过JSON数据使用VUE.JS
2017/05/26 Javascript
JavaScript命名空间模式实例详解
2019/06/20 Javascript
原生JS实现拖拽功能
2020/12/16 Javascript
python日期时间转为字符串或者格式化输出的实例
2018/05/29 Python
pandas求两个表格不相交的集合方法
2018/12/08 Python
python替换字符串中的子串图文步骤
2019/06/19 Python
python Tensor和Array对比分析
2020/01/08 Python
python实现人脸签到系统
2020/04/13 Python
Python3 ID3决策树判断申请贷款是否成功的实现代码
2020/05/21 Python
PyTorch安装与基本使用详解
2020/08/31 Python
CSS3实现自定义Checkbox特效实例代码
2017/04/24 HTML / CSS
详解如何将 Canvas 绘制过程转为视频
2021/01/25 HTML / CSS
三星俄罗斯授权在线商店:Samsung俄罗斯
2019/09/28 全球购物
如果NULL定义成#define NULL((char *)0)难道不就可以向函数传入不加转换的NULL了吗
2012/02/15 面试题
国外的一些J2EE面试题一
2012/10/13 面试题
运动会领导邀请函
2014/02/05 职场文书
餐饮投资计划书
2014/04/25 职场文书
2014年高校辅导员工作总结
2014/12/09 职场文书
golang协程池模拟实现群发邮件功能
2021/05/02 Golang
MySQL表字段时间设置默认值
2021/05/13 MySQL
Redis高并发缓存架构性能优化
2022/05/15 Redis