位置: 编程技术 - 正文

jQuery获取多种input值的简单实现方法(jquery获取多个元素)

编辑:rootadmin

推荐整理分享jQuery获取多种input值的简单实现方法(jquery获取多个元素),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery获取所有input框的value,jquery获取所有a标签,jquery获取所有a标签,jquery获取dom,jquery获取多个元素,获取jquery对象,jquery获取多个元素,jquery获取多个元素,内容如对您有帮助,希望把文章链接给更多的朋友!

获取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′></option><option value='2′></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");

jQuery获取多种input值的简单实现方法(jquery获取多个元素)

判断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",'′); //填充内容

事件:

当对象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值的简单实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

jQuery简单实现tab选项卡切换效果 抽空把公司项目上用的tab效果封装了一下,实在是需要用的地方太多了~~~效果图:代码:!DOCTYPEhtmlhtmlheadmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/

jQuery实现调整表格单列顺序完整实例 本文实例讲述了jQuery实现调整表格单列顺序的方法。分享给大家供大家参考,具体如下:!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.//EN""

jQuery实现右下角可缩放大小的层完整实例 本文实例讲述了jQuery实现右下角可缩放大小的层。分享给大家供大家参考,具体如下:!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.//EN""

标签: jquery获取多个元素

本文链接地址:https://www.jiuchutong.com/biancheng/385865.html 转载请保留说明!

上一篇:jQuery图片左右滚动代码 有左右按钮实例(jquery mobile 图片滑动)

下一篇:jQuery简单实现tab选项卡切换效果

  • 服务类一般纳税人无进项
  • 股权转让的相关文件有哪些
  • 物业公司物业费不开发票
  • 个人所得税专项扣除子女教育标准
  • 销售人员购买的产品
  • 电子商务公司开业活动流程
  • 金蝶迷你版会计科目代码格式
  • 待报解预算收入计入什么科目
  • 企业所得税申报表在哪里打印
  • 农业生产企业是指什么
  • 专用发票报销时限
  • 不涉及税收
  • 老项目简易征收可以用进项抵扣吗
  • 税收分类编码怎么导出来
  • 速达财务软件使用说明
  • 农产品增值税免税政策
  • 成本费用跨年度怎么计算
  • 电子发票开给个人怎么处理?
  • 购进半成品怎样做分录
  • 预缴企业所得税是含税还是不含税
  • 木制手链品种
  • 物流补贴需要交税吗
  • 股东以无形资产投资,撤资时怎么算
  • 公司转账到支付宝有记录么
  • 固定资产更新改造支出资本化
  • 用java做项目
  • 应付职工薪酬是负债吗
  • 胡山森林公园门票多少钱一张
  • 厄勒布鲁赛程500
  • 建筑 营改增
  • 个人所得税申报流程图
  • mavon-editor的使用
  • opencvcuda
  • php发送http请求的常用方法分析
  • 库存现金盘亏盘盈
  • 公司的内账
  • 公司借调员工
  • 技术服务费增值税税率1%
  • mysql5.5命令
  • mysql常见操作
  • 未发货先开票是否违法
  • Windows下PostgreSQL安装图解
  • show processlist
  • 纳税滞纳金的计算方法
  • 信用减值损失属于公允价值变动收益吗
  • 主营业务成本包括哪些
  • 员工请假扣款怎么做分录
  • 转出未交增值税借方余额表示什么
  • 政府部门拨款流程
  • 房租押金是什么意思?
  • 公司美元账户收款方便吗
  • 房地产企业扣除项目
  • 物流公司主营业务成本会计分录
  • 提前还贷款要满十八岁吗
  • 公司应收票据增加意味着什么
  • sqlserver数据库恢复挂起状态
  • 动态sql中返回数组的值
  • win7系统步骤
  • mac打不了字什么原因
  • brasil.exe是什么进程
  • windows怎么将任务栏放大
  • Winpack.exe - Winpack是什么进程
  • win10系统开不了热点
  • win7系统如何设置息屏
  • mac打开下载文件夹
  • win7设备管理器里面没有网络适配器
  • 好用的shell终端
  • 教你三招让电脑打字
  • python图片处理酷炫效果
  • android仿qq聊天
  • 批处理/a
  • 基于nodejs的api框架
  • shell脚本实例精讲
  • javascript怎么写
  • js中写html代码
  • jquery常见问题
  • javascript操作网页
  • ndk调用so
  • 抓落实韧劲不足的具体表现
  • 营改增后租金如何交税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设