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+dojo 的数据库保存拖动布局的一个方法dojo 这里下载
Mar 07 PHP
使用PHP socke 向指定页面提交数据
Jul 23 PHP
php 网页游戏开发入门教程一(webgame+design)
Oct 26 PHP
PHP 获取远程网页内容的代码(fopen,curl已测)
Jun 06 PHP
解析php中static,const与define的使用区别
Jun 18 PHP
探讨:如何使用PhpDocumentor生成文档
Jun 25 PHP
用Zend Studio+PHPnow+Zend Debugger搭建PHP服务器调试环境步骤
Jan 19 PHP
Codeigniter框架实现获取分页数据和总条数的方法
Dec 05 PHP
PHP Filter过滤器全面解析
Aug 09 PHP
PHP中危险的file_put_contents函数详解
Nov 04 PHP
不常用但很实用的PHP预定义变量分析
Jun 25 PHP
PHP+MySql实现一个简单的留言板
Jul 19 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
ThinkPHP缓存方法S()概述
2014/06/13 PHP
js的闭包的一个示例说明
2008/11/18 Javascript
js loading加载效果实现代码
2009/11/24 Javascript
jquery学习总结(超级详细)
2014/09/04 Javascript
js鼠标滑过图片震动特效的方法
2015/02/17 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
2015/10/25 Javascript
javascript bom是什么及bom和dom的区别
2015/11/26 Javascript
vue2 中如何实现动态表单增删改查实例
2017/06/09 Javascript
Vue使用mixins实现压缩图片代码
2018/03/14 Javascript
jquery拖拽自动排序插件使用方法详解
2020/07/20 jQuery
vue iview实现动态新增和删除
2020/06/17 Javascript
Element中Slider滑块的具体使用
2020/07/29 Javascript
详解如何在vue+element-ui的项目中封装dialog组件
2020/12/11 Vue.js
原生JavaScript实现幻灯片效果
2021/02/19 Javascript
[02:39]DOTA2英雄基础教程 极限穿梭编织者
2013/12/05 DOTA
Python判断直线和矩形是否相交的方法
2015/07/14 Python
关于Python面向对象编程的知识点总结
2017/02/14 Python
tf.truncated_normal与tf.random_normal的详细用法
2018/03/05 Python
python3+PyQt5使用数据库窗口视图
2018/04/24 Python
Python 常用模块 re 使用方法详解
2019/06/06 Python
Python+selenium点击网页上指定坐标的实例
2019/07/05 Python
Django中如何使用sass的方法步骤
2019/07/09 Python
在linux系统下安装python librtmp包的实现方法
2019/07/22 Python
pytorch实现mnist分类的示例讲解
2020/01/10 Python
更新升级python和pip版本后不生效的问题解决
2020/04/17 Python
Geekbuying波兰:购买中国电子产品
2019/10/20 全球购物
J2EE的优越性主要表现在哪些方面
2016/03/28 面试题
怎样有效的进行自我评价
2013/10/06 职场文书
施工班组长岗位职责
2014/01/05 职场文书
九年级化学教学反思
2014/01/28 职场文书
一夜的工作教学反思
2014/02/08 职场文书
入党介绍人评语
2014/05/06 职场文书
销售求职信范文
2014/05/26 职场文书
小学教师党员承诺书
2015/04/27 职场文书
个人催款函范文
2015/06/24 职场文书
win10更新失败无限重启解决方法
2022/04/19 数码科技