Question

我可能会为这个问题而受到打击，因为它无疑是非常基本的Javascript。请原谅语法，我想看看我的逻辑是否正确以及是否有更好的方法。

我试图创建一个宏。宏应该返回访问者做出的按钮选择，是或否。在特定页面上，要求网站访问者单击两个按钮之一：是按钮或否按钮。他们在这里：

<footer>
    <button id="NoBtn">No</button>
    <button id="YesBtn" type="submit">Yes</button>
</footer>

这是我创建宏的尝试。毫无疑问，我有更好的方法。请告诉我。我想跟踪访问者点击的按钮：

<script>

  var confirmChoice = "none"

  $('#NoBtn').click(function(event){
  confirmChoice = $(this).textContent;
  });
  $('#YesBtn').click(function(event){
  confirmChoice = $(this).textContent;
  });

  return confirmChoice

</script>

这是＆＃34;对＆＃34;？我的逻辑是否正确？有更简单的解决方案吗？

Answer 1

最简单的方法就是这样

var confirmChoice = 'none';

$(document).ready(function() {
    $('button').click(function() {
        confirmChoice = $(this).text();
    });
});

通过这种方式，您可以使用单个事件来跟踪单击按钮并返回单击按钮的文本属性。

Answer 2

这是一种使用css类的简单方法，假设您希望用更少的代码来完成它。

HTML

<footer>
   <button class="btnOption" id="NoBtn">No</button>
   <button class="btnOption" id="YesBtn" type="submit">Yes</button>
</footer>

javascript

    $(".btnOption").click(function () {
    alert($(this).text()  );
   });

学习Javascript - A是|否基于点击次数的宏

2 个答案: