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&amp;MYSQL留言板源码
Jul 19 PHP
php simplexmlElement操作xml的命名空间实现代码
Jan 04 PHP
PHP中::、-&amp;gt;、self、$this几种操作符的区别介绍
Apr 24 PHP
PHP中copy on write写时复制机制介绍
May 13 PHP
thinkphp中html:list标签传递多个参数实例
Oct 30 PHP
PHP中Memcache操作类及用法实例
Dec 12 PHP
PHP的Yii框架的常用日志操作总结
Dec 08 PHP
PHP session 会话处理函数
Jun 06 PHP
使用Zttp简化Guzzle 调用
Jul 02 PHP
php中pcntl_fork创建子进程的方法实例
Mar 14 PHP
PHP设计模式之工厂模式(Factory Pattern)的讲解
Mar 21 PHP
JS操作XML中DTD介绍及使用方法分析
Jul 04 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 5.6版本中编写一个PHP扩展的简单示例
2015/01/20 PHP
自己写的php中文截取函数mb_strlen和mb_substr
2015/02/09 PHP
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
PHP __call()方法实现委托示例
2019/05/20 PHP
Laravel 解决composer相关操作提示php相关异常的问题
2019/10/23 PHP
Tinymce+jQuery.Validation使用产生的BUG
2010/03/29 Javascript
jQuery 选择器项目实例分析及实现代码
2012/12/28 Javascript
js工具方法弹出蒙版
2013/05/08 Javascript
document.documentElement和document.body区别介绍
2013/09/16 Javascript
js弹出层永远居中实现思路及代码
2013/11/29 Javascript
js使下拉列表框可编辑不止是选择
2013/12/12 Javascript
jQuery实现的原图对比窗帘效果
2014/06/15 Javascript
js实现左侧网页tab滑动门效果代码
2015/09/06 Javascript
微信公众号开发 实现点击返回按钮就返回到聊天界面
2016/12/15 Javascript
AngularJS select设置默认值的实现方法
2017/08/25 Javascript
jQuery实现base64前台加密解密功能详解
2017/08/29 jQuery
vue2中的keep-alive使用总结及注意事项
2017/12/21 Javascript
element-ui 中使用upload多文件上传只请求一次接口
2019/07/19 Javascript
Vue路由对象属性 .meta $route.matched详解
2019/11/04 Javascript
javascript如何实现create方法
2019/11/04 Javascript
python语言使用技巧分享
2016/05/31 Python
python numpy函数中的linspace创建等差数列详解
2017/10/13 Python
python将字母转化为数字实例方法
2019/10/04 Python
PyQt5 界面显示无响应的实现
2020/03/26 Python
Python astype(np.float)函数使用方法解析
2020/06/08 Python
python和php学习哪个更有发展
2020/06/17 Python
绿色美容,有机护肤品和化妆品:Safe & Chic
2018/10/29 全球购物
洲际酒店集团英国官网:IHG英国
2019/07/10 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
会计专业应届生求职信
2013/11/24 职场文书
企业晚会策划方案
2014/05/29 职场文书
2014党员学习《反腐倡廉警示教育读本》思想汇报
2014/09/13 职场文书
2015中秋节慰问信范文
2015/03/23 职场文书
2015年组织委员工作总结
2015/04/23 职场文书
python通过函数名调用函数的几种方法总结
2021/06/07 Python
JS实现简单九宫格抽奖
2022/06/28 Javascript