获取按钮类名称或仅名称

时间:2014-02-19 08:24:37

标签: javascript jquery

我有一个按钮如下

<input type='button' value='Generate' class="b1" name="b1" onclick='f1(this)'  />

现在我想点击它时获取班级名称/名称b1。

因此输出显示在警告框中的b1

我到目前为止已经完成了

function f1(objButton){  
    alert(objButton);
}

我该怎么做?

8 个答案:

答案 0 :(得分:3)

尝试

function f1(objButton){  
    alert(objButton.className);
    alert(objButton.name);
}

更新了名称和className

链接:http://jsfiddle.net/Hg6au/1/

答案 1 :(得分:2)

如果您想获得名称

function f1(objButton){
  alert(objButton.getAttribute("name"));
}

答案 2 :(得分:2)

你可以通过jQuery来实现:

  $('.b1').click(function(){
        var myClass = $('.b1').attr('class');
        alert(myClass);
   });

答案 3 :(得分:1)

您使用attr函数:(名称示例)

function f1(objButton) {
   alert($(objButton).attr('name'));
}

答案 4 :(得分:0)

function f1(objButton){
alert($(objButton).attr("name"));
alert($(objButton).attr("class"));
}

答案 5 :(得分:0)

上述解决方案仅适用于jQuery。如果你不想使用jQuery,你必须使用函数getAttribute()。所以:

function f1(objButton) {
    alert(objButton.getAttribute('name');
}

更新:要放慢......

答案 6 :(得分:0)

尝试

function f1(objButton){  
    alert("Class Name = "+objButton.className);
    alert("Name = "objButton.name);
}

答案 7 :(得分:0)

你可以在jQuery中使用它:

function f1(){  
    var objButton = $("input.b1").attr('class');
    alert(objButton);
}


<input type='button' value='Generate' class="b1" name="b1" onclick='f1()'  />