Question

我想用两组按钮（Anker元素）做一个小调查。当用户在第1组做出决定时，将显示第2组，在第二次决定之后，应将点击按钮的值写入MySQL数据库。

我在JavaScript和JQuery方面都遇到了一些问题。

如何协调每个组中每个点击按钮的协议？

你可以找到一个小例子。

我知道这个事实，在这种状态下它不起作用，但我真的不知道，如何区分这两组按钮。

当我使用

识别第一个单击的按钮时

    firstclick = this.ad;

我无法使用

this.ad

为第二组。

提前致谢。

此致拉斯

Answer 1

考虑使用数组来存储所选单击的ID。

看到这个小提琴：

https://jsfiddle.net/v2mtze2h/4/

var clickedControlsOrder = [];
$(document).ready(function(){
    $("a").click(function(){
        $("#second").removeClass("hidden").addClass("visible");
        $("#first").addClass("hidden");
        clickedControlsOrder.push($(this).prop('id'));
        $('.info #info1').html(clickedControlsOrder.join(','));
    });
});

然后，您可以通过迭代数组来更改数组或存储它们，以便以任何方式将它们存储在表/数据库中。

Answer 2

可以使用数据属性，并在父容器上设置组属性和每个按钮上的项目编号

＆＃13;

$('a').click(function(e){
   e.preventDefault();
   var $el = $(this), 
   group = $el.closest('[data-group]').data('group'),
   item = $el.data('item');
   console.log( 'Button:', group + '.'+ item)

})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="second" data-group="2">
  <span><a href="#" data-item="1">Button 2.1</a></span>
  <span><a href="#" data-item="2">Button 2.2</a></span>
  <span><a href="#" data-item="3">Button 2.3</a></span>
 </div>

＆＃13;

Javascript / JQuery：记录点击的元素，以便稍后将它们保存到MySQL-DB

2 个答案: