基本上我想创建一个表单,在提交时会根据清单选择创建一个新表单。
例如,在查看我的代码时,如果我检查了 Section 1, Test Item 2 并提交了它。在提交时,它会拉出一个新页面(或加载到当前页面),步骤越深入。我正在尝试制作一个可用于多个文档的模板,因此仅将其添加到那里对我来说是行不通的。
(1) 如何使第 1、2 和 3 部分在检查之前一无所有?不必单击复选框两次以使其消失,我宁愿让它不存在并在选中时出现。
(2) 我希望 All checklist 检查所有框,但不显示或隐藏它们(我知道这不是为此编码的,但我不知道如何)
这是我的代码: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>