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 相关文章推荐
BBS(php &amp; mysql)完整版(七)
Oct 09 PHP
针对初学PHP者的疑难问答(2)
Oct 09 PHP
php异常:Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE  eval()'d code error
May 19 PHP
使用gd库实现php服务端图片裁剪和生成缩略图功能分享
Dec 25 PHP
ThinkPHP3.1新特性之对Ajax的支持更加完善
Jun 19 PHP
PHP环境中Memcache的安装和使用
Nov 05 PHP
yii2缓存Caching基本用法示例
Jul 18 PHP
php 从指定数字中获取随机组合的简单方法(推荐)
Apr 05 PHP
关于PHP转换超过2038年日期出错的问题解决
Jun 28 PHP
PHP基于DOMDocument解析和生成xml的方法分析
Jul 17 PHP
在Laravel中实现使用AJAX动态刷新部分页面
Oct 15 PHP
PHP开发api接口安全验证操作实例详解
Mar 26 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数组函数
2008/08/18 PHP
php小技巧 把数组的键和值交换形成了新的数组,查找值取得键
2011/06/02 PHP
yii2 开发api接口时优雅的处理全局异常的方法
2019/05/14 PHP
由document.body和document.documentElement想到的
2009/04/13 Javascript
jqeury eval将字符串转换json的方法
2011/01/20 Javascript
jQuery操作checkbox选择(list/table)
2013/04/07 Javascript
js简单实现用户注册信息的校验代码
2013/11/15 Javascript
借助JavaScript脚本判断浏览器Flash Player信息的方法
2014/07/09 Javascript
jquery中获取元素里某一特定子元素的代码
2014/12/02 Javascript
js遍历map javaScript遍历map的简单实现
2016/08/26 Javascript
微信小程序 教程之事件
2016/10/18 Javascript
JQuery异步提交表单与文件上传功能示例
2017/01/12 Javascript
微信小程序--组件(swiper)详细介绍
2017/06/13 Javascript
微信小程序实现点击图片放大预览
2019/10/21 Javascript
巧用Python装饰器 免去调用父类构造函数的麻烦
2012/05/18 Python
Python3基础之list列表实例解析
2014/08/13 Python
python爬虫框架scrapy实战之爬取京东商城进阶篇
2017/04/24 Python
用Python写一段用户登录的程序代码
2018/04/22 Python
Python线程同步的实现代码
2018/10/03 Python
对pandas中iloc,loc取数据差别及按条件取值的方法详解
2018/11/06 Python
基于python的ini配置文件操作工具类
2019/04/24 Python
python FTP批量下载/删除/上传实例
2019/12/22 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
利用css3径向渐变做一张优惠券的示例
2018/03/22 HTML / CSS
阿迪达斯墨西哥官方网站:adidas墨西哥
2017/11/03 全球购物
Java基础面试题
2014/07/19 面试题
物业管理应届生求职信
2013/10/28 职场文书
毕业自我评价
2014/02/05 职场文书
大四自我鉴定
2014/02/08 职场文书
企业文化建设实施方案
2014/03/22 职场文书
2014年安全生产责任书
2014/07/22 职场文书
反四风个人对照检查材料
2014/09/26 职场文书
干部职工纪律作风整改措施思想汇报
2014/10/11 职场文书
申报优秀教师材料
2014/12/16 职场文书
毕业感言怎么写
2015/07/31 职场文书
爱国教育主题班会
2015/08/14 职场文书