分别使用JS和JQ获取想要input元素的方法

最新推荐文章于 2024-05-13 15:16:44 发布
最新推荐文章于 2024-05-13 15:16:44 发布
阅读量3.2k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41905935/article/details/80888388
版权
<!DOCTYPE html >
< html lang= "en" >

< head >
< meta charset= "UTF-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >
< meta http-equiv= "X-UA-Compatible" content= "ie=edge" >
< title >Document </ title >
</ head >
< body >
< input type= "checkbox" class= "inp1" >
< input type= "checkbox" class= "inp2" >
< input type= "radio" class= "inp3" >
< input type= "checkbox" class= "inp4" >
</ body >
< script src= "./jquery-1.12.2.js" ></ script >
< script >
// 在一堆元素中获取固定元素的方法（例子中获取的是type=checkbox的元素）

// 第一种: JS方法
var a= document. getElementsByTagName( "input");
var b=[];
for ( var i = 0; i < a. length; i++) {
if( a[ i]. type== "checkbox"){
b. push( a[ i]);
}
}
console. log( b);
// console.log(b[0]);
// console.log(b[1]);
// console.log(b[2]);

// 第二种: JQ方法
var c= $( 'input:checkbox');
console. log( c);
// console.log(c[0]);
// console.log(c[1]);
// console.log(c[2]);
< / script >

</ html >
迷途明
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 获取 input 输入框内容的几种方法
m0_74359467的博客
10-19 4923
4、 使用 `document.getElementsByTagName()` 获取 input 元素的 value 属性。3、 使用 `document.getElementsByName()` 获取 input 元素的 value 属性。1、 使用 `document.getElementById()` 获取 input 元素的 value 属性。2、使用 `document.querySelector()` 获取 input 元素的 value 属性。
JavaScript 获取 input 输入框内容有以下6种方式
2201_75463016的博客
09-24 3220
获取id名称的元素，单个元素注意：以下方法 2、3、4 和 6 返回元素的集合, 通过索引来获取制定元素，第一个元素使用，第二个元素使用，以此类推…
javascript input 输入框 模糊查找与精确查找
最新发布
sun_jinlin的博客
05-13 379
js 输入框模糊查找与精确查找
JavaScript 获取 input 输入框内容的方法
smarten57的博客
04-10 1万+
为输入框的 id 或 name 属性值，可以根据实际情况进行修改。属性获取输入框内容。属性获取输入框内容。属性获取输入框内容。方法获取输入框元素，再通过。方法获取输入框元素，再通过。方法获取输入框元素，再通过。
JS获取页面上所有input
weixin_30613727的博客
09-26 3264
1 for (var i = 0; i < document.getElementsByTagName("input").length; i++) { 2 if (document.getElementsByTagName("input")[i].id.indexOf("tx_ID") > -1) { 3 docu...
jquery实现input框获取焦点的方法
12-11
当输入框获得焦点时，它会触发 `focus` 事件，jQuery 选择器 `$(this)` 指向当前获取焦点的 `input` 元素，`closest('.item')` 用于找到该输入框的最近的父级 `.item` 类元素，然后为其添加 `focus` 样式类。...
jq input标签生成
06-12
在本文中，我们将深入探讨如何使用jQuery（jq）来创建一个简单的input标签生成器，以及如何结合HTML和CSS实现这一功能。input标签是HTML中用于用户输入数据的基本元素，而jQuery则提供了一种方便的方式来处理DOM操作...
js与jquery获取input输入框中的值实例讲解
11-21
除了文本输入框，jQuery还可以方便地获取其他类型的input元素的值，例如： - **获取radio单选框的值**（假设所有radio的name属性相同）： ```javascript $("input[name=element_name]:checked").val(); ``` - *...
jquery 实时监听输入框值变化的完美方法(必看)
12-11
总结起来，实时监听输入框值变化的方法主要包括绑定`input`和`propertychange`事件，以及在动态添加元素时使用`live()`或`on()`函数来实现跨浏览器的兼容性和动态元素监听。在最新版本的jQuery中，建议使用`on()`...
jQuery取得iframe中元素的常用方法详解
11-23
总结来说，jQuery提供了灵活的方式来获取和操作`iframe`中的元素，主要通过`contents()`、`find()`、`parent.document`等方法。然而，跨域限制必须始终牢记，只有在同源策略下，这些方法才能有效工作。在实际开发中...
jQuery实现提交表单时不提交隐藏div中input的方法
10-16
`attr("disabled", value)`方法用于设置或获取元素的属性值，当`value`为`true`时，input元素被禁用；当`value`为`false`时，input元素恢复正常。 在实际应用中，可能还需要考虑其他因素，例如确保在表单提交之前...
jQuery获得子元素个数的方法
12-09
通过这些方法，开发者可以方便地获取和处理DOM中的元素信息，从而更好地控制页面动态行为和用户交互。了解并熟练运用jQuery的这些API，对于编写高效、简洁的JavaScript代码至关重要。在进行前端开发时，结合使用`....
js和jquery使按钮失效为不可用状态的方法
12-03
在JavaScript中，我们可以使用`document.getElementById()`方法获取具有指定ID的元素，然后设置其`disabled`属性为`true`。以下是实现这一功能的JS代码： ```javascript document.getElementById("btn").disabled =...
使用jquery给input和textarea设定ie中的focus
12-11
例如，本文提到的问题是关于在Internet Explorer (IE) 浏览器中为`input`和`textarea`元素设置焦点（focus）效果。在Firefox和其他现代浏览器中，可以简单地通过CSS伪类`:focus`来实现这一效果，如`input:focus`和`...
jquery获取input输入框中的值
10-16
这里分别获取了ID为"element1"、"element2"和"element3"的select元素的值，然后合并成一个字符串。 4. **获取 input 输入框的值**： ```javascript var q5 = $("#element").val(); ``` 直接通过ID获取input...
html js获取input的值,用JS获取input的输入值
热门推荐
weixin_33870147的博客
06-09 2万+
javascript如何获取input的输入值？第一步先找到这个input元素找到元素有三种方法:document.getElementById("id的名称")document.getElementsByTagName("标签名") 返回的是一个类数组document.getElementsByClassName("类样式名")第二步获取值使用value 属性value 属性可设置或返回选项的值...
jquery如何选取第二个input的值
Ray_upc的博客
04-25 4898
选取某个标签中第二个input的方法 alert($("#td2 input[name=tx]:eq(1)").val()+"enen"); 输入：11,22 会得到结果：22enen 循环获得所有input标签中的值 var str=''; $("#td2 input[name=tx]").each(function () { str...
jq input propertychange 如何获取input原值
07-25
要获取 input 元素的原始值，你可以使用 `event.target.defaultValue` 属性。当 input 元素的值发生改变时，可以通过 `input` 事件来获取新值，并通过 `event.target.value` 属性访问，然后将新值与原始值进行比较。 下面是一个示例代码： ```javascript const inputElement = document.getElementById('myInput'); // 保存原始值 const initialValue = inputElement.defaultValue; // 监听 input 事件 inputElement.addEventListener('input', (event) => { const newValue = event.target.value; // 获取原始值 console.log('原始值:', initialValue); console.log('新值:', newValue); }); ``` 在这个示例中，我们首先获取了 input 元素，并保存了其初始值。然后，我们添加了一个事件监听器来捕获 input 事件。当输入框的值发生改变时，事件处理程序会被触发，我们可以通过 `event.target.value` 获取新值，并使用 `event.target.defaultValue` 获取原始值。最后，我们将原始值和新值打印到控制台上。 请注意，这个示例使用了原生的 JavaScript 代码，你需要将其适配到你所使用的框架或库中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值