jQuery的按钮 - 按下获取价值

我有一个简单的jQuery UI的按钮设置，看起来像这样...jQuery的按钮 - 按下获取价值

<div class="buttons"> 
    <button id="button1" class="ui-button ui-widget ui-corner-all" value="orange">Orange</button> 
    <button id="button2" class="ui-button ui-widget ui-corner-all" value="banana">Banana</button> 
    <button id="button3" class="ui-button ui-widget ui-corner-all" value="apple">Apple</button> 
</div>

我怎样才能像被按下了按钮的价值？有人有一个例子，他们可以指示我的方向？

来源

2017-10-08 fightstarr20

您可以添加的事件侦听器按钮元素：

$('button').click(function() { 
    var value = this.value; 
});

入住这JSFiddle Link

我希望它能帮助。

来源

2017-10-08 18:11:59 HEldursi

var buttons = $(".buttons > button"); 
 
buttons.on('click',function(){ 
 
    console.log(this); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="buttons"> 
 
    <button id="button1" class="ui-button ui-widget ui-corner-all" value="orange">Orange</button> 
 
    <button id="button2" class="ui-button ui-widget ui-corner-all" value="banana">Banana</button> 
 
    <button id="button3" class="ui-button ui-widget ui-corner-all" value="apple">Apple</button> 
 
</div>

来源

2017-10-08 18:00:02 zynkn

document.querySelectorAll('.ui-button').forEach(function(item){ 
    item.addEventListener('click', function(event) { 
    var target = event.target.value; 
    console.log(target); 
    }); 
});

来源

2017-10-08 18:02:57

获取按钮的值最后点击。

document.ready(function(){ 
    var button = $(".ui-button.ui-widget.ui-corner-all"); 
    button.click(function(){ 
     buttonValue = $(this).val(); 
    }); 
});

来源

2017-10-08 18:07:24 grt812

这里是工作示例

的Html

<div class="buttons"> 
    <button id="button1" class="ui-button ui-widget ui-corner-all" value="orange">Orange</button> 
    <button id="button2" class="ui-button ui-widget ui-corner-all" value="banana">Banana</button> 
    <button id="button3" class="ui-button ui-widget ui-corner-all" value="apple">Apple</button> 
</div> 

<span id="buttonValue"></span>

在jQuery的

，你可以做这样的 JS代码

$('button').click(function(){ 

     var buttonValue = $(this).val(); 

     $('#buttonValue').text(buttonValue); 
     });

Working fiddle here

来源

2017-10-08 18:08:28 LSKhan

试试这个代码：

$('button').click(function() { 
    alert($(this).val()) 
});

来源

2017-10-09 13:50:37 realpac

jQuery的按钮 - 按下获取价值

回答

相关问题