如何获取HTML按钮值作为参数传递给javascript？_Javascript_Jquery_Html

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

javascript jquery html

如何获取HTML按钮值作为参数传递给javascript？,javascript,jquery,html,Javascript,Jquery,Html,我有多个按钮对应多个文本区域清除。我需要发送一个功能来处理所有这些按钮，并分别处理每个 <html> <head> <script src="jquery-1.6.js"></script> <script type="text/javascript"> function getUniqueButtonValue(value) { alert(va

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

    <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>


函数getUniqueButtonValue（值）
{
警报（值）；
$（“值”）.hide（）；
}
清晰选择

试试这个

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

抛开您在

value

属性而不是

id

属性中放置唯一id这一事实不谈。。。这是一个例子

您在问题中发布的代码似乎存在许多问题。首先，（除非您使用

作为doctype），否则

id

值不能以数字开头

其次，

getUniqueButtonValue

函数中的jQuery（我假设它是jQuery，而不是其他JS库）不起作用，因为选择器将查找不太可能存在的

value

元素

我假设您的

按钮的值
属性

与另一个元素的

id

对应，单击按钮时您希望隐藏该元素

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

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

另外，您没有关闭

正文

标记，但我猜这只是将代码复制并粘贴到问题中的一个错误。

我不确定您在这里想做什么。如果我猜对了，这就是你想要的（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>

$（“#a123”）。单击（函数（）{
getUniqueButtonValue（$（“#a123”）.getAttribute（'value'）；
}
函数getUniqueButtonValue（值）
{
警报（值）；
$（“#”+值）.hide（）；
}
清晰选择

您可以通过尝试以下方法节省大量工作：

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

您可以这样做：

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

清除选择

我需要一个函数来处理所有按钮。因此，如果我清除button id=345上的clear，它将清除它的部分，而不是button id=567处理的另一部分。给按钮一个类，并在这个答案中使用代码，但使用

$（“.buttonClass”）

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

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