如何获取 HTML 按钮值作为参数传递给我的 javascript？答案

【问题标题】：How do I get HTML button value to pass as a parameter to my javascript?如何获取 HTML 按钮值作为参数传递给我的 javascript？
【发布时间】：2011-08-26 13:11:27
【问题描述】：

我有多个与多个文本区域对应的按钮要清除。我需要发送一个函数来处理所有这些按钮并分别处理每个按钮

    <html>
    <head>
    <script src="jquery-1.6.js"></script>
    <script type="text/javascript">

        function getUniqueButtonValue(value)
        {
            alert(value);
            $("value").hide();
        }

    </script>
    </head>
    <body>

         <button id=someUinqueId value=something>Clear Selection</button>
    </body>
    </html>

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

撇开您在value 属性而不是id 属性中放置唯一ID 的事实不谈...这里是fiddle。

$(document).ready(function(){
    $("button").click(function(){
        var me = $(this);
        // do whatever with me
        alert(me.val());
        me.hide();
    }); 
});

【讨论】：

【解决方案2】：

您在问题中发布的代码似乎存在许多问题。首先，（除非您使用 <!DOCTYPE html> 作为您的文档类型）您不能有以数字开头的 id 值。

其次，getUniqueButtonValue 函数中的 jQuery（我假设它是 jQuery 而不是其他一些 JS 库）将不起作用，因为选择器将寻找 value 元素，这不太可能存在。

我假设您的button 的value 属性与另一个元素的id 相对应，您希望在单击按钮时将其隐藏。

由于您的示例中似乎是 jQuery 代码，因此我将为您提供一个 jQuery 解决方案，因为它要简单得多：

$(document).ready(function() {
    $("button").click(function() {
        alert(this.value);
        $("#" + this.value).hide();
    });
});

另外，您没有关闭body 标签，但我猜这只是将代码复制并粘贴到问题中的错误。

【讨论】：

【解决方案3】：

你可以这样做：

<button id=123 value=uniqueId545 onclick="javascript:getUniqueButtonValue($(this).val());">Clear Selection</button>

【讨论】：

【解决方案4】：

试试这个

$("#123").click(function(){
    getUniqueButtonValue($(this).val());
});

【讨论】：

好吧，我需要一个函数来处理所有按钮。因此，如果我清除按钮 id=345 上的清除它会清除它的部分，而不是按钮 id=567 处理的另一个部分
给按钮一个类并使用此答案中的代码，但使用$(".buttonClass")

【解决方案5】：

我不确定你想在这里做什么。如果我猜对了，这就是你想要的（id 不应该以数字开头，所以我在 123 之前放了一个“a”：

$("#a123").click(function(){
    getUniqueButtonValue($("#a123").getAttribute('value');
}
function getUniqueButtonValue(value)
{
        alert(value);
        $("#"+value).hide();
}

</script>
</head>
<body>

     <button id=123 value=uniqueId545>Clear Selection</button>
</html>

【讨论】：

【解决方案6】：

您可以通过尝试为自己节省大量工作：

<button class="clearbutton" value="#Foo">Clear Foo</button>
<input type="text" name="foo" id="foo" />

使用以下 JavaScript：

$('.clearbutton').click(function(e) {
    $($(this).val()).val('');
});

【讨论】：