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中用header图片地址 简单隐藏图片源地址
Apr 09 PHP
php 文件夹删除、php清除缓存程序
Aug 25 PHP
php获取字段名示例分享
Mar 03 PHP
php数组合并的二种方法
Mar 21 PHP
PHP实现的英文名字全拼随机排号脚本
Jul 04 PHP
PHP+FFMPEG实现将视频自动转码成H264标准Mp4文件
Sep 24 PHP
基于命令行执行带参数的php脚本并取得参数的方法
Jan 25 PHP
PHP实现仿百度文库,豆丁在线文档效果(word,excel,ppt转flash)
Mar 10 PHP
PHP XML和数组互相转换详解
Oct 26 PHP
php实现用户登陆简单实例
Apr 04 PHP
laravel ORM 只开启created_at的几种方法总结
Jan 29 PHP
php 自定义函数实现将数据 以excel 表格形式导出示例
Nov 13 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网页后退不再出现过期
2007/03/08 PHP
PHP编实现程动态图像的创建代码
2008/09/28 PHP
php adodb介绍
2009/03/19 PHP
解析php session_set_save_handler 函数的用法(mysql)
2013/06/29 PHP
解决 firefox 不支持 document.all的方法
2007/03/12 Javascript
Javascript 同时提交多个Web表单的方法
2009/02/19 Javascript
javascript 特性检测并非浏览器检测
2010/01/15 Javascript
通过上下左右键和回车键切换光标实现代码
2013/03/08 Javascript
抛弃Nginx使用nodejs做反向代理服务器
2014/07/17 NodeJs
laytpl 精致巧妙的JavaScript模板引擎
2014/08/29 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
2015/09/09 Javascript
详解前端自动化工具gulp自动添加版本号
2016/12/20 Javascript
微信端开发--登录小程序步骤
2017/01/11 Javascript
基于Vue.js实现tab滑块效果
2017/07/23 Javascript
浅谈Vue数据绑定的原理
2018/01/08 Javascript
jQuery实现简单的Ajax调用功能示例
2019/02/15 jQuery
Node.js中出现未捕获异常的处理方法
2020/06/29 Javascript
python3学习笔记之多进程分布式小例子
2018/02/13 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
Python获取时间范围内日期列表和周列表的函数
2019/08/05 Python
python 子类调用父类的构造函数实例
2020/03/12 Python
python实现密码验证合格程序的思路详解
2020/06/01 Python
Python3+PyCharm+Django+Django REST framework配置与简单开发教程
2021/02/16 Python
python压包的概念及实例详解
2021/02/17 Python
考博自荐信
2013/10/25 职场文书
无工作经验者个人求职信范文
2013/12/22 职场文书
员工考核评语大全
2014/04/26 职场文书
社区维稳工作方案
2014/06/06 职场文书
继承公证书格式
2015/01/26 职场文书
钱塘江大潮导游词
2015/02/03 职场文书
2015年乡镇科普工作总结
2015/05/13 职场文书
金正昆讲礼仪观后感
2015/06/11 职场文书
反邪教教育心得体会
2016/01/15 职场文书
2016年法制宣传月活动总结
2016/04/01 职场文书
OpenCV-Python实现油画效果的实例
2021/06/08 Python
「魔法少女伊莉雅」美游粘土人开订
2022/03/21 日漫