javascript - 根据切换更改按钮值

标签 javascript jquery html

我想要做的是,如果按下按钮打开的部分可见,则使按钮值为“1”,如果该部分不可见,则使其显示“2”。 (可见/不可见 - 隐藏/可见)。

这是我失败的尝试,我认为最接近事实:

    $(document).ready(function(){
    $(".doc1").hide();
    $(".doc").click(function(){
        $(".doc1").slideToggle("fast");

        if($('.doc1').is(':visible')) {
            document.getElementById('doc').value = '1';
        }
        else
            document.getElementById('doc').value = '2';
    });
});

无论该部分是打开(可见)还是隐藏(.hide),该值都固定在“2”。

最佳答案

有几件事。首先你有$(".doc").click。您的意思是 $("#doc").click 吗?

其次,如果您在检查 :visible 之前启动动画,它将始终被视为可见。您需要使值更改 slideToggle 调用的回调,或者只是反转分配顺序并随后执行 slideToggle:

http://jsfiddle.net/95nKw/

关于javascript - 根据切换更改按钮值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13648060/

相关文章:

javascript - 在 appendChild 上未加载 Jquery 脚本

javascript - 允许字母数字和连字符的正则表达式测试不断返回 false

javascript - 避免将特定模块与 Browserify 捆绑在一起

javascript - 在 asp.net aspx 页面上使用 jquery 获取隐藏字段值时遇到问题

javascript - 如何检查 jQuery 属性是否已在 JavaScript 和 PHP 中设置?

javascript - 无法并排显示选择的字段?

javascript - 如何在 Javascript 中将数组对象/元素写入表

html - 如何更改 HTML 中表格特定的列宽?

javascript - jQuery 动画滚动 backgroundColor 不改变

javascript - 将两个div的值相乘,然后用JS替换其中一个