jQuery获取多种input值的简单实现方法


Posted in Javascript onJune 20, 2016

获取input的checked值是否为true:

第一种:

if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 --注:name即控件name属性,value即控件value属性

第二种:

可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式:

if($("input[name=row_checkbox]").attr('checked')==true)

第三种:

if($("[name=row_checkbox]").attr('checked')==true) --注:name即控件name属性

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关文章分类:Web前端:

radio:

获取一组radio被选中项的值:var item = $('input[name=items][checked]').val(); --注:name即控件name属性

radio单选组的第二个元素为当前选中项 :$('input[@name=items]').get(1).checked = true;

或 $('input[name=items]').attr("checked", '1′);

radio的value = 'val'的元素为当前选中项:$('input[name=items] [value='val']').attr("checked","checked");

radio设置value=2的元素为当前选中项:$("input[type=radio]").attr("checked",'2′);

radio被选中项的value值:$("input[name='radio_name'][checked]").val();

根据Value值设置Radio为选中状态:$("input[name='radio_name'][value='要选中Radio的Value值'").attr("checked",true);

select:

获取select被选中项的文本:var item = $("select[@name=items] option[@selected]").text();

或 var item = $("select[name=items]").find("option:selected").text();

select下拉框的第二个元素为当前选中值:$('#select_id')[0].selectedIndex = 1; --注:select_id'即控件的id属性

select下拉框value = 'val'的元素为当前选中项:$("select[name=items] option[value='val']").attr("selected","selected");

select设置value=-sel3的项目为当前选中项:$("#sel").attr("value",'-sel3′); --注:sel即select控件的id属性

添加下拉框的option:$("<option value='1′>1111</option><option value='2′>2222</option>").appendTo("#sel");

select清空:$("#sel").empty();

checkbox:

checkbox的第二个元素被打勾:$("input[name=items]").get(1).checked = true; //打勾

checkbox的value='val'的元素打勾:$("input[name=item][value='val']").attr("checked",true);

或$("input[name=item][value='val']").attr("checked","checked");

判断checkbox是否已经打勾:if($("input[name=item][value='val']").attr('checked')==true)

jQuery获取CheckBox选择的Value值:

//选择被选中CheckBox元素的集合 如果你想得到Value值你需要遍历这个集合

$($("input[name='checkbox_name'][checked]")).each(function(){

arrChk+=this.value + ','; //遍历被选中CheckBox元素的集合 得到Value值

});

checkbox的checked属性:

$("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)

$("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)

$("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)

//根据上面三条,分析分析这句代码的意思:

$("input[name='checkbox_name']").attr("checked",$("#checkbox_id").attr("checked"));

--注:根据控件checkbox_id的checked状态为name='checkbox_name'的input赋相同的checked状态

获取值:

文本框,文本区域:$("#txt").attr("value");

多选框checkbox:$("input[name='checkbox':checked]").each(function(){

var val = $(this).val();

});

单选组radio:$("input[type=radio][checked]").val();

下拉框select的value值:$('select').val();

下拉框select选中的text 值:$("select").find("option:selected").text();

文本框,文本区域:$("#txt").attr("value","); //清空内容

$("#txt").attr("value",'11′); //填充内容

事件:

当对象text_id获取焦点时触发:$("#text_id").focus(function(){//code...});

当对象text_id失去焦点时触发:$("#text_id").blur(function(){//code...});

其他:

使文本框的Vlaue值成选中状态:$("#text_id").select();

$("#text_id").val().split(","); //将Text的Value值以','分隔返回一个数组

以上这篇jQuery获取多种input值的简单实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
User Scripts: Video Download by User Scripts
May 14 Javascript
防止网站内容被拷贝的一些方法与优缺点好处与坏处分析
Nov 30 Javascript
帮助避免错误的Javascript陷阱清单
May 31 Javascript
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Sep 13 Javascript
hover的用法及live的用法介绍(鼠标悬停效果)
Mar 29 Javascript
jQuery+Ajax实现无刷新操作
Jan 04 Javascript
javascript汉字拼音互转的简单实例
Oct 09 Javascript
AngularJS实现路由实例
Feb 12 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
Mar 23 jQuery
EasyUI Tree树组件无限循环的解决方法
Sep 27 Javascript
jQuery 实现批量提交表格多行数据的方法
Aug 09 jQuery
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
May 05 Javascript
jQuery图片左右滚动代码 有左右按钮实例
Jun 20 #Javascript
JavaScript操作表单实例讲解(上)
Jun 20 #Javascript
jquery 获取select数组与name数组长度的实现代码
Jun 20 #Javascript
JavaScript提升性能的常用技巧总结【经典】
Jun 20 #Javascript
使用jQuery给input标签设置默认值
Jun 20 #Javascript
js中获取时间new Date()的全面介绍
Jun 20 #Javascript
AngularJs Javascript MVC 框架
Jun 20 #Javascript
You might like
PHP截取中文字符串的问题
2006/07/12 PHP
web方式ftp
2006/10/09 PHP
THINKPHP+JS实现缩放图片式截图的实现
2010/03/07 PHP
PHP实现取得HTTP请求的原文
2014/08/18 PHP
PHP 中TP5 Request 请求对象的实例详解
2017/07/31 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
php 使用ActiveMQ发送消息,与处理消息操作示例
2020/02/23 PHP
JS 删除字符串最后一个字符的实现代码
2014/02/20 Javascript
jQuery遍历对象、数组、集合实例
2014/11/08 Javascript
JavaScript编写连连看小游戏
2015/07/07 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
2016/08/08 Javascript
fullpage.js全屏滚动插件使用实例
2016/09/06 Javascript
利用JS实现页面删除并重新排序功能
2016/12/09 Javascript
原生js获取浏览器窗口及元素宽高常用方法集合
2017/01/18 Javascript
Parcel 打包示例(React HelloWorld)
2018/01/16 Javascript
简单的三步vuex入门
2018/05/20 Javascript
tornado捕获和处理404错误的方法
2014/02/26 Python
windows及linux环境下永久修改pip镜像源的方法
2016/11/28 Python
python中的print()输出
2019/04/12 Python
python 叠加等边三角形的绘制的实现
2019/08/14 Python
python如何编写类似nmap的扫描工具
2020/11/06 Python
python Xpath语法的使用
2020/11/26 Python
python基于opencv实现人脸识别
2021/01/04 Python
汤米巴哈马官方网站:Tommy Bahama
2017/05/13 全球购物
Cinque网上商店:德国服装品牌
2019/03/17 全球购物
家得宝墨西哥官网:The Home Depot墨西哥
2019/11/18 全球购物
行政人员工作职责
2013/12/05 职场文书
我未来的职业规划范文
2014/01/11 职场文书
甘南现象心得体会
2014/09/11 职场文书
党员干部批评与自我批评反四风思想汇报
2014/09/21 职场文书
2014统计局民主生活会对照检查材料思想汇报
2014/10/02 职场文书
党员评议思想汇报
2014/10/08 职场文书
2015大学生自我评价范文
2015/03/03 职场文书
银行中层干部培训心得体会
2016/01/11 职场文书
2016年基层党支部书记公开承诺书
2016/03/25 职场文书
创业计划书之密室逃脱
2019/11/08 职场文书