如何将HTML按钮值作为参数传递给我的javascript?

时间:2011-08-26 13:11:28

标签: javascript jquery html

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

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

6 个答案:

答案 0 :(得分:5)

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

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

答案 1 :(得分:3)

您在问题中发布的代码似乎存在很多问题。首先,(除非您使用<!DOCTYPE html>作为您的doctype),否则您不能以数字开头的id值。

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

我假设您value的{​​{1}}属性与另一个元素的button相对应,您可以在单击该按钮时隐藏该元素。

正如您在示例中看到的jQuery代码一样,我将为您提供一个jQuery解决方案,因为它更简单:

id

此外,您不会关闭$(document).ready(function() { $("button").click(function() { alert(this.value); $("#" + this.value).hide(); }); }); 标记,但我猜测将代码复制并粘贴到问题中只是一个错误。

答案 2 :(得分:2)

你可以这样做:

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

答案 3 :(得分:1)

试试这个

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

答案 4 :(得分:1)

我不确定你在这里要做什么。如果我猜对了,这就是你想要的(ids不应该以数字开头,所以我在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>

答案 5 :(得分:1)

您可以通过尝试来节省大量工作:

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

使用以下JavaScript:

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