位置: 编程技术 - 正文

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选项卡切换效果

  • 电子税务局的购票方怎么删除
  • 城建税是什么税率
  • 小规模纳税人单张发票最大金额
  • 运输途中的不合理损耗有哪些
  • 一般纳税人增值税申报操作流程
  • 股权转让如何避免印花税
  • 非独立核算的分公司可以开票吗
  • 事业单位其他应付款如何核销
  • 玻璃制品有哪些
  • 出差补贴是否缴纳个人所得税 北京
  • 进项发票不够如何避税
  • 培训费可以抵扣企业所得税
  • 投资大收益小,怎么办?
  • 其他应付款需要做预算会计吗
  • 外购商品对外赠送增值税怎么算
  • 30万的营业额20%是多少
  • 怎么查看当前刷新率
  • mac锁屏屏保
  • 直接人工分配按计时工资怎么分
  • php核心编程
  • win10电源和睡眠设置不起作用
  • 建安混合销售能分开吗
  • PHP:spl_autoload_extensions()的用法_spl函数
  • 冲减其他应收款摘要怎么写
  • php新手入门
  • 国家规定不计入社保基数
  • 停产企业税收申请减免
  • 利息收入发票能抵扣吗
  • 观景台俯视图
  • php dao
  • next frame
  • 城建税减征50%
  • 可视化思考
  • 行人重识别map
  • java web开发实例大全
  • 详解Yii2 rules 的验证规则
  • 怎么用switch语句
  • linux sz命令使用
  • 抄税在报税前还是报税后
  • js中promise的三种状态
  • sql server异常怎么处理
  • 小规模纳税人进项发票怎么做账
  • 土地增值税扣除项目20%
  • 个体工商户怎么变更法人
  • 借款人和还款人不一致,收据打给谁
  • 广告设计要交文化事业建设
  • 什么叫总分类账簿
  • 教育费附加和地方教育费附加都要交吗
  • 2019员工旅游费最新规定
  • 库存商品怎么计提坏账
  • 职工食堂的费用,会计上怎么做账?
  • 公司建账初期做账怎么做
  • 水利建设基金要预缴吗
  • 利息收入核算什么科目
  • mysql 5.7.12 winx64安装配置方法图文教程
  • mac安装mysql没看见初期密码
  • win10标题栏颜色改不了
  • linux清屏幕命令
  • mac不用密码
  • win7怎么退出域环境
  • xp怎么删除电脑系统
  • 电脑w7系统怎么保存图片
  • win 8怎么样
  • 个人pc用户免费下载软件
  • shell脚本自动化
  • Android - Designtime Layout Attributes & Tools Attributes
  • Unity3D游戏开发引擎
  • 删除批处理命令
  • python的五个特点
  • node解决了什么问题
  • android 科大讯飞语音引擎 调用无响应
  • fiori开发
  • python保存文件到指定文件夹
  • 胰腺在人体的哪个部位图解
  • 15个值得开发人是谁
  • 企业欠税补交后影响贷款吗
  • 境外投资收益如何交税
  • 合伙企业可以融资吗
  • 绵阳税务局副局长
  • 微观经济学的十大原理
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设