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 相关文章推荐
超级简单的发送邮件程序
Oct 09 PHP
用PHP实现ODBC数据分页显示一例
Oct 09 PHP
php结合ajax实现赞、顶、踩功能实例
May 12 PHP
从零开始学YII2框架(五)快速生成代码工具 Gii 的使用
Aug 20 PHP
PHP+jQuery 注册模块的改进(一):验证码存入SESSION
Oct 14 PHP
PHP通过插入mysql数据来实现多机互锁实例
Nov 05 PHP
php+ajax实现文章自动保存的方法
Dec 30 PHP
再Docker中架设完整的WordPress站点全攻略
Jul 29 PHP
PHP的serialize序列化数据以及JSON格式化数据分析
Oct 10 PHP
屏蔽PHP默认设置中的Notice警告的方法
May 20 PHP
关于php支持的协议与封装协议总结(推荐)
Nov 17 PHP
PHP使用正则表达式实现过滤非法字符串功能示例
Jun 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相关资料
2006/10/09 PHP
paypal即时到账php实现代码
2010/11/28 PHP
PHP自动选择 连接本地还是远程数据库
2010/12/02 PHP
php中一个完整表单处理实现代码
2011/11/10 PHP
php商品对比功能代码分享
2015/09/24 PHP
Laravel日志用法详解
2016/10/09 PHP
Extjs学习笔记之一 初识Extjs之MessageBox
2010/01/07 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
2015/04/01 Javascript
浅谈JS函数定义方式的区别
2016/10/30 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
2016/12/08 Javascript
微信小程序 获取二维码实例详解
2017/06/23 Javascript
原生JavaScript实现随机点名表
2021/01/14 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
跟老齐学Python之??碌某?? target=
2014/09/12 Python
Python装饰器使用实例:验证参数合法性
2015/06/24 Python
python计算两个矩形框重合百分比的实例
2018/11/07 Python
python模拟鼠标点击和键盘输入的操作
2019/08/04 Python
Python imageio读取视频并进行编解码详解
2019/12/10 Python
python之生成多层json结构的实现
2020/02/27 Python
pycharm部署、配置anaconda环境的教程
2020/03/24 Python
CSS3弹性盒模型开发笔记(一)
2016/04/26 HTML / CSS
HTML5单选框、复选框、下拉菜单、文本域的实现代码
2020/12/01 HTML / CSS
提供世界各地便宜的机票:Sky-tours
2016/07/21 全球购物
个性大学生自我评价
2013/12/04 职场文书
辩论赛主持词
2014/03/18 职场文书
大学新学期计划书
2014/04/28 职场文书
质量标语大全
2014/06/12 职场文书
伦敦奥运会口号
2014/06/13 职场文书
2014年调度员工作总结
2014/11/19 职场文书
2015年办公室文员工作总结
2015/04/24 职场文书
重阳节座谈会主持词
2015/07/03 职场文书
社区低保工作总结2015
2015/07/23 职场文书
小学班级管理心得体会
2016/01/07 职场文书
教师正风肃纪心得体会
2016/01/15 职场文书
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
2021/05/10 HTML / CSS
python可视化分析绘制带趋势线的散点图和边缘直方图
2022/06/25 Python