Получить имя кнопки класса или только имя

Question

У меня есть кнопка следующим

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

Теперь я хочу, чтобы получить имя класса/имя b1, когда я нажимаю на него.

Так что выход b1 показ в alertbox

я сделал следующие до сих пор

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

, как я могу это сделать ??

Answer 1

Попробуйте

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

Обновление для имени, а также Classname

Ссылка: http://jsfiddle.net/Hg6au/1/

Answer 2

Вы используете attr функцию: (пример, приведенный для имени)

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

Answer 3

попробуйте

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

Answer 4

Если вы хотите, чтобы получить имя

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

Answer 5

Вы можете сделать это с помощью JQuery:

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

Answer 6

Решения выше работы только для JQuery. Если вы не хотите использовать jQuery, вы должны использовать функцию getAttribute(). Итак:

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

UPDATE: Был замедляться ...

Answer 7

попробовать

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

Answer 8

Вы можете использовать это с JQuery:

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


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