php - 根据先前表单中选定的 list 创建新表单

Question

基本上，我想创建一个表单，在提交时将根据 list 选择创建一个新表单。

例如，在查看我的代码时，如果我检查了第 1 部分，测试项 2 并提交了它。提交时，它将以更深入的步骤拉出一个新页面(或加载到当前页面)。我正在尝试制作一个用于多个文档的模板，因此仅将其添加到那里对我来说是行不通的。

(1) 如何使第 1、2 和 3 部分在检查之前不显示任何内容？我宁愿让它不存在并在选中时出现，而不是必须单击该复选框两次才能使其消失。

(2) 我希望“全部” list 检查所有复选框，但不显示或隐藏它们(我知道这不是正确的编码，但我不知道如何)

这是我的代码:http://jsfiddle.net/kNsW9/2/

<script>
$(document).ready(function(){
    $('#all').click(function(){
        if ($('#all').is(':checked'))
            $(this).nextAll('li').show();
        else
            $(this).nextAll('li').hide();
    });

    $('#1').click(function(){
        if ($('#1').is(':checked'))
            $(this).nextUntil('ol').show();
        else
            $(this).nextUntil('ol').hide();
    });

    $('#2').click(function(){
        if ($('#2').is(':checked'))
            $(this).nextUntil('ol').show();
        else
            $(this).nextUntil('ol').hide();
    });

    $('#3').click(function(){
        if ($('#3').is(':checked'))
            $(this).nextUntil('ol').show();
        else
            $(this).nextUntil('ol').hide();
    });
});
</script>
<form>
Table of Contents<br />
Please Select What to Test:<br />
<input type="checkbox" id="all" onclick="check(this.id)"></input>All
<ol><input type="checkbox" id="1"></input>Section 1
<li><input type="checkbox"></input>Test Item 1</li>
<li><input type="checkbox"></input>Test Item 2</li>
</ol>
<ol><input type="checkbox" id="2"></input>Section 2
<li><input type="checkbox"></input>Test Item 1</li>
<li><input type="checkbox"></input>Test Item 2</li>
<li><input type="checkbox"></input>Test Item 3</li>
<li><input type="checkbox"></input>Test Item 4</li>
<li><input type="checkbox"></input>Test Item 5</li>
<li><input type="checkbox"></input>Test Item 6</li>
</ol>
<ol><input type="checkbox" id="3"></input>Section 3
<li><input type="checkbox"></input>Test Item 1</li>
<li><input type="checkbox"></input>Test Item 2</li>
<li><input type="checkbox"></input>Test Item 3</li>
<li><input type="checkbox"></input>Test Item 4</li>
<li><input type="checkbox"></input>Test Item 5</li>
</ol>
<!--<input type="submit" value="Submit">-->
</form>

Answer 1

让我知道这对您有何作用...

http://jsfiddle.net/kNsW9/9/

*我更新了控制 LI 可见性的 css 而不是 jquery选中全部将选中所有子项，取消选中全部将取消选中所有子项

*我假设如果您选中全部，那么取消选中所有子项也应该取消选中，对吧？

$('#all').click(function(){
    var checked = $(this).prop('checked');
    $('#section1,#section2,#section3').each(function() {
        $(this).find('input:checkbox').prop('checked', checked);
    });
});