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 相关文章推荐
source.php查看源文件
Dec 09 PHP
常用的php ADODB使用方法集锦
Mar 25 PHP
php学习之数据类型之间的转换代码
May 29 PHP
php 短链接算法收集与分析
Dec 30 PHP
php一个找二层目录的小东东
Aug 02 PHP
基于empty函数的输出详解
Jun 17 PHP
php查询相似度最高的字符串的方法
Mar 12 PHP
php实现简单的语法高亮函数实例分析
Apr 27 PHP
PHP中PDO的事务处理分析
Apr 07 PHP
微信自定义菜单的创建/查询/取消php示例代码
Aug 05 PHP
yii2中LinkPager增加总页数和总记录数的实例
Aug 28 PHP
自写的利用PDO对mysql数据库增删改查操作类
Feb 19 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 win下Socket方式发邮件类
2009/08/21 PHP
php自定义函数之递归删除文件及目录
2010/08/08 PHP
js+php实现静态页面实时调用用户登陆状态的方法
2015/01/04 PHP
typecho插件编写教程(一):Hello World
2015/05/28 PHP
Yii2 输出xml格式数据的方法
2016/05/03 PHP
php微信开发之批量生成带参数的二维码
2016/06/26 PHP
微信支付扫码支付php版
2016/07/22 PHP
PHP自定义函数获取汉字首字母的方法
2016/12/01 PHP
PHP实现大数(浮点数)取余的方法
2017/02/18 PHP
laravel使用数据库测试注意事项
2020/04/10 PHP
用JavaScript隐藏控件的方法
2009/09/21 Javascript
jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路
2013/04/08 Javascript
document.documentElement的一些使用技巧
2013/04/18 Javascript
改变隐藏的input中value的值代码
2013/12/30 Javascript
深入分析原生JavaScript事件
2014/12/29 Javascript
jQuery实现仿Alipay支付宝首页全屏焦点图切换特效
2015/05/04 Javascript
简述Matlab中size()函数的用法
2016/03/20 Javascript
JS使用eval()动态创建变量的方法
2016/06/03 Javascript
jQuery 全选 全部选 反选 实现代码
2016/08/17 Javascript
原生JS实现图片轮播与淡入效果的简单实例
2016/08/21 Javascript
AngularJS深入探讨scope,继承结构,事件系统和生命周期
2016/11/02 Javascript
angularjs使用gulp-uglify压缩后执行报错的解决方法
2018/03/07 Javascript
详解微信JS-SDK选择图片遇到的坑
2018/08/15 Javascript
vue-devtools的安装和使用步骤详解
2019/10/17 Javascript
layui数据表格重载实现往后台传参
2019/11/15 Javascript
Python+matplotlib实现填充螺旋实例
2018/01/15 Python
python使用筛选法计算小于给定数字的所有素数
2018/03/19 Python
python对excel文档去重及求和的实例
2018/04/18 Python
python requests.post带head和body的实例
2019/01/02 Python
Casadei卡萨蒂官网:意大利奢侈鞋履品牌
2017/10/28 全球购物
2013年入党人员的自我鉴定
2013/10/25 职场文书
工程力学专业自荐信范文
2014/03/17 职场文书
巴西世界杯32强口号
2014/06/05 职场文书
群众路线自查报告及整改措施
2014/11/04 职场文书
2014年大学教师工作总结
2014/12/02 职场文书
Java的Object类的九种方法
2022/04/13 Java/Android