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实现ping
Oct 09 PHP
PHP时间戳使用实例代码
Jun 07 PHP
php str_pad 函数使用详解
Jan 13 PHP
php中$this-&amp;gt;含义分析
Nov 29 PHP
PHP中文分词 自动获取关键词介绍
Nov 13 PHP
PHP 异步执行方法,模拟多线程的应用分析
Jun 03 PHP
解析thinkphp的左右值无限分类
Jun 20 PHP
PHP验证码类ValidateCode解析
Jan 07 PHP
cakephp常见知识点汇总
Feb 24 PHP
Yii框架批量插入数据扩展类的简单实现方法
May 23 PHP
Laravel框架中自定义模板指令总结
Dec 17 PHP
详细分析PHP7与PHP5区别
Jun 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
Yii 2.0自带的验证码使用经验分享
2017/06/19 PHP
PHP函数积累总结
2019/03/19 PHP
Jquery CheckBox全选方法代码附js checkbox全选反选代码
2010/06/09 Javascript
jQuery实现原理的模拟代码 -6 代码下载
2010/08/16 Javascript
DIY jquery plugin - tabs标签切换实现代码
2010/12/11 Javascript
form表单action提交的js部分与html部分
2014/01/07 Javascript
浅析tr的隐藏和显示问题
2014/03/05 Javascript
单元选择合并变色示例代码
2014/05/26 Javascript
JS 获取鼠标左右键的键值方法
2014/10/11 Javascript
在JavaScript中使用NaN值的方法
2015/06/05 Javascript
常用jQuery代码分享
2015/07/14 Javascript
JavaScript动态改变div属性的实现方法
2015/07/22 Javascript
js实现的简单radio背景颜色选择器代码
2015/08/18 Javascript
基于jquery实现瀑布流布局
2020/06/28 Javascript
详解node.js平台下Express的session与cookie模块包的配置
2017/04/26 Javascript
vue打包使用Nginx代理解决跨域问题
2018/08/27 Javascript
微信小程序签到功能
2018/10/31 Javascript
JS/jQuery实现简单的开关灯效果【案例】
2019/02/19 jQuery
vue filter 完美时间日期格式的代码
2019/08/14 Javascript
基于vue的video播放器的实现示例
2021/02/19 Vue.js
Vue2.x-使用防抖以及节流的示例
2021/03/02 Vue.js
在Python的Flask框架中验证注册用户的Email的方法
2015/09/02 Python
Django中ORM表的创建和增删改查方法示例
2017/11/15 Python
Python常见内置高效率函数用法示例
2018/07/31 Python
Python reshape的用法及多个二维数组合并为三维数组的实例
2020/02/07 Python
细数nn.BCELoss与nn.CrossEntropyLoss的区别
2020/02/29 Python
keras实现多GPU或指定GPU的使用介绍
2020/06/17 Python
python不同系统中打开方法
2020/06/23 Python
python利用os模块编写文件复制功能——copy()函数用法
2020/07/13 Python
Selenium python时间控件输入问题解决方案
2020/07/22 Python
matplotlib.pyplot.plot()参数使用详解
2020/07/28 Python
基于python实现复制文件并重命名
2020/09/16 Python
李维斯德国官方网上商店:Levi’s德国
2016/09/10 全球购物
快递业务员岗位职责
2014/01/06 职场文书
幼儿教师个人总结
2015/02/05 职场文书
冰雪公主观后感
2015/06/16 职场文书