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 动态添加记录
Mar 10 PHP
PHP 文章中的远程图片采集到本地的代码
Jul 30 PHP
php面向对象全攻略 (一) 面向对象基础知识
Sep 30 PHP
PHP操作数组相关函数
Feb 03 PHP
PHP文件上传原理简单分析
May 29 PHP
php中serialize序列化与json性能测试的示例分析
Apr 27 PHP
PHP请求Socket接口测试实例
Aug 12 PHP
PHP图像识别技术原理与实现
Oct 27 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
Feb 28 PHP
php插件Xajax使用方法详解
Aug 31 PHP
vmware linux系统安装最新的php7图解
Apr 14 PHP
基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例
May 25 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新手上路(四)
2006/10/09 PHP
php的api数据接口书写实例(推荐)
2016/09/22 PHP
自动检查并替换文本框内的字符
2006/06/30 Javascript
jQuery实现图片信息的浮动显示实例代码
2013/08/28 Javascript
利用jquery写的左右轮播图特效
2014/02/12 Javascript
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
在JavaScript中处理时间之getHours()方法的使用
2015/06/10 Javascript
JS控制FileUpload的上传文件类型实例代码
2016/10/07 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
2017/09/28 Javascript
Gulp实现静态网页模块化的方法详解
2018/01/09 Javascript
react中使用swiper的具体方法
2018/05/15 Javascript
5分钟学会Vue动画效果(小结)
2018/07/21 Javascript
使用Vue 实现滑动验证码功能
2019/06/27 Javascript
vue+koa2搭建mock数据环境的详细教程
2020/05/18 Javascript
python统计日志ip访问数的方法
2015/07/06 Python
详解Python设计模式编程中观察者模式与策略模式的运用
2016/03/02 Python
编写Python爬虫抓取暴走漫画上gif图片的实例分享
2016/04/20 Python
详解Python中的文件操作
2016/08/28 Python
python使用RNN实现文本分类
2018/05/24 Python
Python爬虫实现抓取京东店铺信息及下载图片功能示例
2018/08/07 Python
Python3安装psycopy2以及遇到问题解决方法
2019/07/03 Python
使用CSS3的font-face字体嵌入样式的方法讲解
2016/05/13 HTML / CSS
关于h5中的fetch方法解读(小结)
2017/11/15 HTML / CSS
澳大利亚现代波西米亚风格女装网站:Bohemian Traders
2018/04/16 全球购物
用C#语言写出与SQLSERVER访问时的具体过程
2013/04/16 面试题
Python面试题:Python是如何进行内存管理的
2014/08/04 面试题
报关简历自我评价怎么写
2013/09/19 职场文书
应届生的求职推荐信范文
2013/11/30 职场文书
吃空饷专项治理工作实施方案
2014/03/04 职场文书
创意广告词
2014/03/17 职场文书
《月球之谜》教学反思
2014/04/10 职场文书
感恩寄语大全
2014/04/11 职场文书
小学教师师德承诺书
2014/05/23 职场文书
公司财务会计主管应聘求职信
2014/09/26 职场文书
招商引资工作汇报
2014/10/28 职场文书
银行求职自荐信范文
2015/03/04 职场文书