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的宝库目录--PEAR
Oct 09 PHP
六酷社区论坛HOME页清新格调免费版 下载
Mar 07 PHP
服务器web工具 php环境下
Dec 29 PHP
利用PHP实现智能文件类型检测的实现代码
Aug 02 PHP
php操作SVN版本服务器类代码
Nov 27 PHP
PHP autoload与spl_autoload自动加载机制的深入理解
Jun 05 PHP
PHP+Mysql树型结构(无限分类)数据库设计的2种方式实例
Jul 15 PHP
php中限制ip段访问、禁止ip提交表单的代码分享
Aug 22 PHP
smarty中post用法实例
Nov 28 PHP
PHP获得数组交集与差集的方法
Jun 10 PHP
PHP培训要多少钱
Jun 06 PHP
PHP高并发和大流量解决方案整理
Mar 09 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的list()的一步操作给一组变量进行赋值的使用
2011/05/18 PHP
PHP实现的交通银行网银在线支付接口ECSHOP插件和使用例子
2014/05/10 PHP
php判断一个数组是否为有序的方法
2015/03/27 PHP
php实现异步数据调用的方法
2015/12/24 PHP
javascript下function声明一些小结
2007/12/28 Javascript
js程序中美元符号$是什么
2008/06/05 Javascript
Javascript var变量隐式声明方法
2009/10/19 Javascript
javascript 操作Word和Excel的实现代码
2009/10/26 Javascript
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
2011/08/23 Javascript
js调用activeX获取u盘序列号的代码
2011/11/21 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
2017/01/22 Javascript
JS拉起或下载app的实现代码
2017/02/22 Javascript
JS获取字符对应的ASCII码实例
2017/09/10 Javascript
详解Vue如何支持JSX语法
2017/11/10 Javascript
angularjs实现柱状图动态加载的示例
2017/12/11 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
JavaScript EventEmitter 背后的秘密 完整版
2018/03/29 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
2018/05/17 Javascript
回顾Javascript React基础
2019/06/15 Javascript
layui layer select 选择被遮挡的解决方法
2019/09/21 Javascript
[01:10]为家乡而战!完美世界城市挑战赛全国总决赛花絮
2019/07/25 DOTA
Python多线程编程之多线程加锁操作示例
2018/09/06 Python
python初学者,用python实现基本的学生管理系统(python3)代码实例
2019/04/10 Python
python标记语句块使用方法总结
2019/08/05 Python
详解Ubuntu环境下部署Django+uwsgi+nginx总结
2020/04/02 Python
python学习之使用Matplotlib画实时的动态折线图的示例代码
2021/02/25 Python
Europcar葡萄牙:葡萄牙汽车和货车租赁
2017/10/13 全球购物
英国女鞋购物网站:Moda in Pelle
2019/02/18 全球购物
澳大利亚礼品篮网站:Macarthur Baskets
2019/10/14 全球购物
下列程序在32位linux或unix中的结果是什么
2015/01/26 面试题
2014年图书馆工作总结
2014/11/25 职场文书
保送生自荐信范文
2015/03/26 职场文书
关于召开会议的通知
2015/04/15 职场文书
奖励申请报告范文
2015/05/15 职场文书
零基础学java之带参数以及返回值的方法
2022/04/10 Java/Android