stevenjin 2025-01-13 18:46 采纳率: 96.8%
浏览 9
已结题

jquery 能获取按钮的id但不能获取到值

按钮为动态生成,<input type = "button" id="apple" value=“app"/>
用$("apple").attr("id")可以获取其id,但用$("apple").val()有时获取不到,用$("apple").attr("value")也获取不到

  • 写回答

4条回答 默认 最新

  • 道友老李 JWE233286一种基于机器视觉的水表指针读数识别及修正的方法 专利发明者 2025-01-13 18:47
    关注
    让【道友老李】来帮你解答，本回答参考gpt编写，并整理提供，如果还有疑问可以点击头像关注私信或评论。
    如果答案让您满意，请采纳、关注，非常感谢！
    问题分析：
    1. 当按钮为动态生成时，使用jQuery的$()方法获取id和value属性可能会出现问题。
    2. 在这种情况下，$().val()可能无法正确获取按钮的值，而$().attr("value")也无法正确获取按钮的值。 解决方案：
    3. 在动态生成的按钮上添加一个class或者自定义的属性来标识该按钮，以便更方便地通过jQuery选择器来获取。
    4. 使用事件代理来处理动态生成的按钮的点击事件。 示例代码：
    <!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
    // 给动态生成的按钮添加一个class来标识
    var button = '<input type="button" id="apple" class="dynamic-button" value="apple"/>';
    $('#container').append(button);
    // 使用事件代理来处理动态生成的按钮的点击事件
    $('#container').on('click','.dynamic-button', function(){
        var id = $(this).attr('id');
        var value = $(this).val();
        console.log('id:', id);
        console.log('value:', value);
    });
});
</script>
</head>
<body>
<div id="container"></div>
</body>
</html>

    在这个示例中，我们动态生成了一个按钮并添加了class属性dynamic-button来标识该按钮，然后使用事件代理处理按钮的点击事件。通过这种方式，即使按钮是动态生成的，我们仍然可以准确获取到按钮的id和value属性的值。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

  • jQuery获取选中单选按钮radio的值
    2020-10-20 18:42
    在JavaScript的世界里，jQuery库提供了一...希望这两个实例能帮助你更好地理解和应用jQuery来获取选中单选按钮的值。如果你在实际操作中有任何问题，欢迎继续提问，我们会尽力为你提供帮助。感谢你对我们的网站的支持！
  • jQuery实现获取元素索引值index的方法
    2020-10-21 12:27
    在使用jQuery进行前端开发时，我们常常需要获取元素在集合中的索引值以便进行进一步的操作。jQuery作为一个强大的JavaScript库，提供了一系列方法来简化DOM操作，其中“.index()”方法便是用于获取元素索引值的一种...
  • jQuery实现获取多选框的值示例
    2020-10-15 16:42
    此外，jQuery的事件处理还包括但不限于`focus`、`blur`、`change`、`mouseover`、`mouseout`等，可以根据需求绑定相应的事件监听器。同时，jQuery还有许多实用的插件，如表单验证、日期选择器、滚动动画等，大大提高...
  • jquery获取input输入框中的值
    2020-10-16 00:12
    在网页开发中，获取用户在input...希望本文能对您在开发过程中获取input值的操作提供帮助。如果您有任何问题或需要进一步的信息，请随时提问。同时，分享知识是一种美德，如果本文对您有帮助，记得分享给需要的朋友哦！
  • jquery获取radio值实例
    2020-10-25 08:58
    为了获取radio值，首先要通过jQuery选择器定位到具体的单选按钮。常见的选择器包括属性选择器、类选择器、ID选择器等。在文档中提到的选择器有： - `$("input[type=radio][checked]")`：选中当前被选中的radio按钮...
  • jquery获取点击按钮的id
    2021-10-25 17:28
    胶泥座人的博客 $("button[id^='btn_']").click(function (e) { var btnId = $(e.target).attr('id'); });
  • asp.net使用jQuery获取RadioButtonList成员选中内容和值示例
    2020-10-26 10:05
    在前端使用jQuery可以方便地获取用户所选的RadioButtonList中的内容和值。以下是一个具体的示例，详细解释如何实现这个功能。 首先，我们需要在HTML中设置一个RadioButtonList控件，并为每个选项分配唯一的值。在这...
  • jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
    2020-10-19 20:14
    在处理表单元素时，特别是单选按钮（radio buttons），jQuery提供了方便的方法来获取选中值以及清除所有单选按钮的选中状态。下面我们将详细探讨这些方法。 首先，单选按钮通常用于在多个选项中选择一个。它们的`...
  • asp.net中js+jquery添加下拉框值和后台获取示例
    2020-10-25 22:09
    在这个过程中，前端利用jQuery来监听下拉框值的变化，并动态地添加新的选项到另一个下拉框中；而***后台通过事件处理程序来获取这些值。以下是关于这个示例的知识点解析： 1. ***基础**: ***是微软开发的一个服务器...
  • jquery获取input type=text中的值的各种方式(总结)
    2020-10-20 23:51
    这里`.val()`方法是专门用来获取表单元素值的方法，能够获取到input中的值，并且当input失去焦点时，也能获取到最新值。 2. 通过属性选择器获取值 如果不想通过id来获取，还可以使用属性选择器来选取具有特定属性值...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 5月17日
  • 已采纳回答 5月9日
  • 创建了问题 1月13日