Question

我需要创建一个递增和递减变量的按钮。单击链接时，它会增加链接href中的变量。当您单击另一个链接时，它会递减链接href中的变量。该变量只能到达指定数组中的最后一个数字.PHP将嵌入其中。有什么想法吗？

<script type="text/javascript">
var counter = 0;
document.write('<button onclick="counter++">Increment</button>');
document.write(counter);
</script>

这是我所知道的憎恶，它使用一个按钮。

Answer 1

我将做出很多假设，包括你可以使用jQuery。它可以在没有它的情况下完成，但用它来编写它会更容易。我正在使用的唯一真正的jQueryness是应用处理程序 - 根据需要调整此另一个框架或使用纯javascript。此外，我假设基本链接没有任何现有的查询参数，并且您将计数添加为查询参数。再次，根据需要进行调整，以反映您希望如何构建网址。

<a class="link" href="http://example.com/somecontroller/someaction">Click Me</a>
<button class="increment">Increment</button>
<button class="decrement">Decrement</button>

<script type="text/javascript">
   $(function() {
       var counter = 0;
       var max = <?php echo count($arr) >;
       $('button.increment').click( function() {
            ++counter;
            if (counter > max) counter = max;
       });
       $('button.decrement').click( function() {
            --counter;
            if (counter < 0) counter = 0;
       });
       $('a.link').click( function() {
            window.location = $(this).attr('href') + '?count=' + counter;
            return false; // important to stop the default link action
       });
   });
</script>

Javascript href链接计数器

1 个答案: