Jquery 加号和减号按钮切换

标签 jquery togglebutton

我有点业余,所以我不知道如何实现这个目标。 我有一些需要切换加号或减号的按钮:

http://jsfiddle.net/tonylka10/0eq456w9/

Jquery:

$(document).ready(function () {
$('.expandable').click(function () {
    $('.expandable').not(this).nextAll('tr').hide();
    $(this).nextAll('tr').toggle(350);

});
$('.expandable').nextAll('tr').each(function () {
    if (!($(this).is('.expandable'))) $(this).hide();
});
});

如何使用已有的代码实现此目的?

我希望具有与以下示例相同的功能:

http://jsfiddle.net/v9Evw/1/

如有任何帮助,我们将不胜感激,提前谢谢您。

最佳答案

将以下代码添加到事件处理程序:

    $(this).find('[id^=myButton]').val(function(i,v) { 
        return v.trim() == '+' ? '-' : '+';
    });
    $('.expandable').not(this).find('input[type="button"]').val("+");

DEMO

关于Jquery 加号和减号按钮切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26513031/

相关文章:

java - 切换按钮启动 Timer1 和 Timer2 但仅停止 Timer1

android - Android 中的样式化切换按钮

javascript - 如何将动态添加的行存储到数据库mysql php中

javascript - 如何使用javascript获取特定值之前的所有内容

javascript - jQuery Deferred/Promises 动态数组未按正确顺序执行回调

安卓 : Tab like toggling button selector instead of spinner

css - JavaFX - 根据切换状态在切换按钮上设置不同的悬停颜色

java - 在android中的切换按钮上重叠文本

php - onFinish 时获取 Shadowbox 内的图像 URL?

javascript - 使用 jQuery $.ajax 方法显示包含 MySQL 表数据的 JSON