Question

我有一个简单的jQuery UI按钮设置，看起来像这样......

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

如何获取已按下的按钮的值？有没有人可以指出我的方向？

Answer 1

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

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

Answer 3

获取上次点击按钮的值。

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

Answer 4

这是工作示例

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

Answer 5

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

python manage.py makemigrations;

python manage.py migrate;

python manage.py collectstatic;

选中此JSFiddle Link

我希望它有所帮助。

Answer 6

试试这段代码：

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

jQuery按钮 - 获取按下的值

6 个答案: