Javascript 从CSS脚本中打开Jquery之后的文件夹

我有一个CSS脚本，可以让你在HTML上模拟文件浏览器

我的问题是，我想创建一个按钮，自动打开该列表中的所有文件夹和子文件夹

以下是单击复选框时调用的css示例：

li input:checked + ol
{
    background: url('http://www.01800iglesia.org/imagenes/numeros-01.png') 44px 5px no-repeat;
    background-size: 12px 12px;
    margin: -1.25em 0 0 -44px; /* 20px */
    padding: 1.563em 0 0 80px;
    height: auto;
    width: auto;
}
li input:checked + ol > li { display: block; margin: 0 0 0.125em; }
li input:checked + ol > li:last-child { margin: 0 0 0.063em; }

现场示例如下：

点击按钮后有没有办法打开文件夹

---

提前感谢您。

我已经为您提供了一个有效的解决方案，并更新了您的小提琴

您可以使用

.prop（）

设置单击事件复选框的值

jQuery("#my_button").click(function() {
  $("input").prop("checked", true);
});

---

如上所述，基本上您正在选中和取消选中复选框：

$(function() {

    var folder = $('.folder').next('input');

    $('#my_button').click(function() {
        if (folder.filter(':checked').length == folder.length) {
            folder.prop('checked', false);
            $(this).val('Open Folders');
        } else {
            folder.prop('checked', true);
            $(this).val('Close Folders');
        }
    });

    folder.change(function() {
        if (folder.filter(':checked').length == folder.length) {
            $('#my_button').val('Close Folders');
        } else {
            $('#my_button').val('Open Folders');
        }
    });

});

---

理想情况下，您不需要使用

$（'.folder'）。下一步（'input'）

，而是希望向复选框本身添加一个类，并将其更改为

$（'input-class'）

，您提供的JSFIDLE似乎不起作用，但看起来您实际上是在尝试选中/取消选中所有复选框，所以也许值得一试：你是对的，小提琴坏了。我现在放了一把新的小提琴。关于你的答案，只需勾选方框就有点复杂了。请看小提琴，以便你能更好地理解。谢谢你，这正是我所需要的。我用$（'my#u id'）.attr（'checked'）尝试了was，但没有成功。现在我看到有了这个道具，它工作得很好。再次非常感谢！