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 相关文章推荐
DOMXML函数笔记
Oct 09 PHP
php部分常见问题总结
Mar 27 PHP
php smarty模版引擎中变量操作符及使用方法
Dec 11 PHP
PHP Array交叉表实现代码
Aug 05 PHP
php 传值赋值与引用赋值的区别
Dec 29 PHP
php中的三元运算符使用说明
Jul 03 PHP
php5.2以下版本无json_decode函数的解决方法
May 25 PHP
php实现mysql备份恢复分卷处理的方法
Dec 26 PHP
PHP二维数组矩形转置实例
Jul 20 PHP
php基于单例模式封装mysql类完整实例
Oct 18 PHP
php-msf源码详解
Dec 25 PHP
PHP依赖注入原理与用法分析
Aug 21 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
异世界新番又来了,同样是从零开始,男主的年龄降到5岁
2020/04/09 日漫
模板引擎正则表达式调试小技巧
2011/07/20 PHP
解析PHP的Yii框架中cookie和session功能的相关操作
2016/03/17 PHP
JQuery优缺点分析说明
2010/06/09 Javascript
深入理解JavaScript是如何实现继承的
2013/12/12 Javascript
通过url查找a元素并点击
2014/04/09 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
2014/06/03 Javascript
JavaScript中的函数模式详解
2015/02/11 Javascript
js实现固定显示区域内自动缩放图片的方法
2015/07/18 Javascript
jquery实现的Accordion折叠面板效果代码
2015/09/02 Javascript
Query常用DIV操作获取和设置长度宽度的实现方法
2016/09/19 Javascript
JS中闭包的经典用法小结(2则示例)
2016/12/28 Javascript
JavaScript实现二分查找实例代码
2017/02/22 Javascript
javascript ES6 新增了let命令使用介绍
2017/07/07 Javascript
jQuery轻量级表单模型验证插件
2018/10/15 jQuery
Vue使用localStorage存储数据的方法
2019/05/27 Javascript
ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解
2020/02/15 Javascript
微信小程序入门之绘制时钟
2020/10/22 Javascript
如何在现代JavaScript中编写异步任务
2021/01/31 Javascript
Python实现的数据结构与算法之基本搜索详解
2015/04/22 Python
利用python爬取散文网的文章实例教程
2017/06/18 Python
详解Python进程间通信之命名管道
2017/08/28 Python
浅谈Python实现2种文件复制的方法
2018/01/19 Python
解决.ui文件生成的.py文件运行不出现界面的方法
2019/06/19 Python
Python3常用内置方法代码实例
2019/11/18 Python
pycharm运行scrapy过程图解
2019/11/22 Python
Python warning警告出现的原因及忽略方法
2020/01/31 Python
python dumps和loads区别详解
2020/02/04 Python
python加密解密库cryptography使用openSSL生成的密匙加密解密
2020/02/11 Python
宗教学大学生职业生涯规划范文
2014/02/08 职场文书
辅导员评语
2014/05/04 职场文书
2014领导班子正风肃纪思想汇报
2014/09/18 职场文书
服务整改报告
2014/11/06 职场文书
美术教师求职信范文
2015/03/20 职场文书
高中生社会实践心得体会
2016/01/14 职场文书
2016年教师党员承诺书范文
2016/03/24 职场文书