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 相关文章推荐
Blitz templates 最快的PHP模板引擎
Apr 06 PHP
如何让thinkphp在模型中自动完成session赋值小教程
Sep 05 PHP
PHP中执行cmd命令的方法
Oct 11 PHP
php中二维数组排序问题方法详解
Aug 28 PHP
利用PHP如何实现Socket服务器
Sep 23 PHP
教大家制作简单的php日历
Nov 17 PHP
PHP中抽象类、接口的区别与选择分析
Mar 29 PHP
PHP引用的调用方法分析
Apr 25 PHP
thinkPHP5.0框架引入Traits功能实例分析
Mar 18 PHP
PHP实现的大文件切割与合并功能示例
Apr 10 PHP
PHP 实现手机端APP支付宝支付功能
Jun 07 PHP
详解php中生成标准uuid(guid)的方法
Apr 28 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 expects parameter 1 to be resource, array given 错误
2011/03/23 PHP
thinkPHP5.0框架自动加载机制分析
2017/03/18 PHP
浅谈关于PHP解决图片无损压缩的问题
2017/09/01 PHP
php转换上传word文件为PDF的方法【基于COM组件】
2019/06/10 PHP
JavaScript监测ActiveX控件是否已经安装过的代码
2008/09/02 Javascript
javascript parseInt() 函数的进制转换注意细节
2013/01/08 Javascript
二叉树的非递归后序遍历算法实例详解
2014/02/07 Javascript
浅谈document.write()输出样式
2015/05/07 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
2016/02/17 Javascript
修改js confirm alert 提示框文字的简单实例
2016/06/10 Javascript
AngularJs基本特性解析(一)
2016/07/21 Javascript
Node.js 实现简单小说爬虫实例
2016/11/18 Javascript
jQuery中get方法用法分析
2016/12/07 Javascript
详解Vue中添加过渡效果
2017/03/20 Javascript
详解使用vue脚手架工具搭建vue-webpack项目
2017/05/10 Javascript
JavaScript输入框字数实时统计更新
2017/06/17 Javascript
Vue 实现树形视图数据功能
2018/05/07 Javascript
微信小程序使用form表单获取输入框数据的实例代码
2018/05/17 Javascript
深入了解JS之作用域和闭包
2020/06/16 Javascript
对vuex中store和$store的区别说明
2020/07/24 Javascript
基于数据归一化以及Python实现方式
2018/07/11 Python
html5贪吃蛇游戏使用63行代码完美实现
2013/06/25 HTML / CSS
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
意大利团购网站:Groupon意大利
2016/10/11 全球购物
附答案的Java面试题
2012/11/19 面试题
开办加工厂创业计划书
2014/01/03 职场文书
大学生活自我评价
2014/04/09 职场文书
社区娱乐活动方案
2014/08/21 职场文书
关于读书的演讲稿500字
2014/08/27 职场文书
教师拔河比赛广播稿
2014/10/14 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
网吧员工管理制度
2015/08/05 职场文书
《唯一的听众》教学反思
2016/02/18 职场文书
pytorch中Schedule与warmup_steps的用法说明
2021/05/24 Python
详解Python自动化之文件自动化处理
2021/06/21 Python
Pygame游戏开发之太空射击实战敌人精灵篇
2022/08/05 Python