jQuery获取input属性checked的属性值的方法

原创 已于 2023-04-20 09:23:07 修改 · 762 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #javascript

于 2023-04-18 08:43:47 首次发布
这段代码使用jQuery选择器获取名为unConfirmed的输入元素，并检查其checked属性的值，该属性表示复选框是否被选中。如果返回true，则表示复选框被选中，反之则未选中。 
$("input[name='unConfirmed']").prop("checked")  // true 或 false

jquery获取input输入框中的值
10-16
本文将详细讲解如何通过不同的属性（如name、id、class）来获取input输入框中的值。 首先，我们来看一个基本的HTML结构，其中包含一个input输入框： ```html <input type="text" id=...
jQuery获取checkbox选中的值
10-22
jquery checkbox选择器在程序开发中经常会用到，接下来通过实例代码给大家介绍jquery获取checkbox选中的值，需要的朋友参考下
jquery attr方法获取input的checked属性问题
10-25
如果使用jquery,应使用prop方法来获取和设置checked属性，不应使用attr,需要的朋友可以参考下
jquery 获取input checkbox checked属性
果果的博客
05-08 4107
如果使用jquery,应使用prop方法来获取和设置checked属性1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase1234567&lt;input type="checkbox" id="selectAll" onclick="checkAll()"&gt;全选function checkAll(){var checked...
Jquery 获取checkbox的checked问题
weixin_34367845的博客
11-16 155
这个郁闷了，今天写这个功能的时候发现了问题，上网找了好多资料对照，更加纠结。。。 事实证明一切，自己测试了N遍，发现网上的说法和自己以前的理解都是错的，不知道大家有没发现. 下面来看看网上大多资料的说法 转别人的一些东西： jquery判断checkbox是否被选中 在html的checkbox里，选中的话会有属性checked="checked"。 如果用一个checkbox被选...
jquery与checkbox的checked属性的问题
asp.net常见问题分析，网站开发常见问题总结,ningxi_博客
12-30 1万+
jquery与checkbox的checked属性的问题，讲的是控件 1、页面加载成功后，点击选中或取消选中该checkbox，checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3、使用docum
jquery获取input的checked属性
weixin_30699465的博客
08-02 228
1.经常需要判断某个按钮是否被选中。 2.基于jquery。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>checked</title> </head> <body> &...
jQuery获取及设置表单input各种类型值的方法小结
10-22
本文对jQuery获取及设置表单input各种类型值的方法进行了详细的小结。首先，对于radio类型输入框，可以通过使用jQuery选择器获取被选中项的值，例如使用$("input[@name=items]:checked").val();可取得一组具有相同...
jquery操作checked属性以及disabled属性的多种方法
10-25
### Jquery操作checked属性以及disabled属性的多种方法 #### 知识点概述： 本文主要介绍如何使用jQuery来操作HTML元素中的`checked`属性和`disabled`属性。在HTML中，`checked`属性通常用在单选按钮（radio）和复...
jquery attr()方法获取input的checked属性问题
胡老汉的博客
04-13 8399
问题：经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别： 1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase &lt;input type="checkbox" id="selectAll" onclick="checkAl...
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
12-09
代码如下: //检测有没有被勾选 function checkboxs(){ var fkfs=””; var zhanghu=””; var money=””; var sta=true; $(“#thetable tr”).each(function(){ var chk=$(this).find(‘td’).eq(0).find(‘input’); if(chk.attr(“checked”)==”checked”){ fkfs+=chk.val()+”,”; var zh=$(this).find(‘td’).eq(3).find(‘select’); var mon=$(this).
jquery 设置checkbox的checked属性相关
bsr1983的专栏
03-28 412
所使用的jquery版本为jquery-1.9.1，浏览器为Chrome 1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase 全选 function checkAll() { var checkedOfAll=$("#selectAll").prop("checked"); alert(checkedOfAl...
jquery利用attr、prop方法获取、设置input的checked属性
热门推荐
xiaouncle的博客
07-23 5万+
在jquery中应该使用prop方法来获取和设置checked属性，不应该使用attr,需要的朋友可以参考下
使用JQuery获取被选中的checkbox的value值 以及全选、反选
weixin_34067049的博客
03-26 226
以下为使用JQuery获取input checkbox被选中的值代码: &lt;html&gt; &lt;head&gt; &lt;meta charset="gbk"&gt; &lt;!-- 引入JQuery --&gt; &lt;script src="jquery-1.3.1.js" type="text/javascri
jQuery中使用attribute，prop获取，设置input的checked值【转】
weixin_30843605的博客
05-27 405
1、prop方法获取、设置checked属性 当input控件checkbox设置了checked属性时，无论checked=”“或checked=”checked”，$(obj).prop(“checked”)的结果都是true；当input控件checkbox没设置checked属性时，$(obj).prop(“checked”)的结果是false。设置$(“input[n...
jquery获得input的值
m0_68094390的博客
05-06 1028
【代码】jquery获得input的值。
有关jquery checkbox获取checked的问题
weixin_34216196的博客
07-03 161
$("input").attr("checked"); &lt;input type="checkbox" value="1" /&gt; 今天遇到这样个小问题 然后一直输出undefined 和 checked； 检查了很多遍也没发现问题 然后网上找资料发现大多都是 if($"#xxx".attr("checked")==&quot
jquery获取input属性修改属性
最新发布
07-05
在 jQuery 中，获取和修改 `<input>` 元素的属性主要依赖于 `.attr()` 和 `.prop()` 两种方法。这两种方法在使用上有所区别，具体取决于要操作的属性类型。 ### 获取属性 若需获取 `<input>` 元素的某个属性值，可以使用 `.attr('属性名')` 方法[^5]。例如，获取 `<input>` 元素的 `type` 属性： ```javascript var inputType = $('input').attr('type'); console.log(inputType); // 输出当前 input 的 type 值 ``` 对于具有布尔值（如 `checked`、`disabled` 等）的属性，推荐使用 `.prop('属性名')` 方法来获取其状态[^2]： ```javascript var isChecked = $('input').prop('checked'); console.log(isChecked); // 如果 input 被选中，输出 true；否则为 false ``` ### 修改属性 若需修改 `<input>` 元素的属性值，可使用 `.attr('属性名', '新的属性值')` 或 `.prop('属性名', '新的属性值')` 方法。其中，`.attr()` 更适合用于非布尔类型的属性修改[^4]，例如更改 `type` 属性： ```javascript $('input').attr('type', 'password'); // 将 input 类型从 text 改为 password ``` 而对于布尔类型的属性，如 `checked`、`disabled` 等，则建议使用 `.prop()` 方法进行设置[^1]，以确保行为符合预期： ```javascript $('input').prop('checked', true); // 设置 input 为选中状态 ``` 需要注意的是，`.attr()` 操作的是 HTML 文档中的属性值，而 `.prop()` 操作的是 DOM 元素的状态。因此，在处理 HTML 元素本身固有的属性时，应优先考虑使用 `.prop()` 方法。 ### 示例：综合应用 以下是一个完整的示例，展示如何获取并修改 `<input>` 元素的 `type` 和 `checked` 属性： ```html <body> <input type="text" checked> <script> // 获取并输出原始 type 属性 var originalType = $('input').attr('type'); console.log('Original Type:', originalType); // 修改 type 属性为 password $('input').attr('type', 'password'); // 获取并输出 checked 属性状态 var isChecked = $('input').prop('checked'); console.log('Is Checked:', isChecked); // 设置 checked 属性为 false $('input').prop('checked', false); </script> </body> ``` 通过上述方法，可以灵活地对 `<input>` 元素的属性进行获取与修改操作，从而实现更丰富的交互效果。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值