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 读取文件的正确方法
Apr 29 PHP
PHP 模拟$_PUT实现代码
Mar 15 PHP
php输出echo、print、print_r、printf、sprintf、var_dump的区别比较
Jun 21 PHP
php页面缓存方法小结
Jan 10 PHP
php根据指定位置和长度获得子字符串的方法
Mar 17 PHP
smarty内部日期函数html_select_date()用法实例分析
Jul 08 PHP
js代码实现微博导航栏
Jul 30 PHP
Yii2中使用asset压缩js,css文件的方法
Nov 24 PHP
php+redis实现多台服务器内网存储session并读取示例
Jan 12 PHP
使用PHP json_decode可能遇到的坑与解决方法
Aug 03 PHP
php读取本地json文件的实例
Mar 07 PHP
laravel5.0在linux下解决.htaccess无效和去除index.php的问题
Oct 16 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实现过滤表单提交中html标签的方法
2014/10/17 PHP
php判断用户是否手机访问代码
2015/06/08 PHP
PHP连接MySQL数据库三种实现方法
2020/12/10 PHP
newxtree.js代码
2007/03/13 Javascript
javascript 事件处理、鼠标拖动效果实现方法详解
2012/05/11 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
2013/07/05 Javascript
3种不同方式的焦点图轮播特效分享
2013/10/30 Javascript
javascript计算星座属相(十二生肖属相)示例代码
2014/01/09 Javascript
用原生JS获取CLASS对象(很简单实用)
2014/10/15 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
2016/03/30 Javascript
jQuery基于json与cookie实现购物车的方法
2016/04/15 Javascript
Bootstrap三种表单布局的使用方法
2016/06/21 Javascript
jQuery无刷新上传之uploadify简单代码
2017/01/17 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
JS沙箱模式实例分析
2017/09/04 Javascript
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
2018/05/10 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
2018/08/24 Javascript
用POSTMAN发送JSON格式的POST请求示例
2018/09/04 Javascript
vue项目中常见问题及解决方案(推荐)
2019/10/21 Javascript
Vue搭建后台系统需要注意的问题
2019/11/08 Javascript
详解javascript中var与ES6规范中let、const区别与用法
2020/01/11 Javascript
Python写的一个简单DNS服务器实例
2014/06/04 Python
python提示No module named images的解决方法
2014/09/29 Python
Zookeeper接口kazoo实例解析
2018/01/22 Python
利用django-suit模板添加自定义的菜单、页面及设置访问权限
2018/07/13 Python
python 实现数字字符串左侧补零的方法
2018/12/04 Python
Python mutiprocessing多线程池pool操作示例
2019/01/30 Python
python如何输出反斜杠
2020/06/18 Python
python归并排序算法过程实例讲解
2020/11/04 Python
Python开发.exe小工具的详细步骤
2021/01/27 Python
香港卓悦化妆品官网:BONJOUR
2017/09/21 全球购物
27个经典Linux面试题及答案,你知道几个?
2014/03/11 面试题
自荐信的基本格式
2014/02/22 职场文书
2015年乡镇扶贫工作总结
2015/04/08 职场文书
K8s部署发布Golang应用程序的实现方法
2021/07/16 Golang
5个实用的JavaScript新特性
2022/06/16 Javascript