Question

我有更改选择框时显示的div。在这些div中是复选框，当选中时，显示子div。我有它工作，以便在选择更改时显示/隐藏div，并在选中/取消选中后显示/隐藏后续子div。

// Show/Hide checkbox divs using select
$('#set').change(function(){
    $('.checkboxes').hide();
    $('#' + $(this).val()).show();
});

// Show/Hide sub questions using checkboxes
$('div.checkboxes input[type="checkbox"]').on('change', function() {
    $('#' + this.id + '-qs').toggle( this.checked ); 
});

如何在选项元素已具有所选属性时显示第一级div？

<option value="set1" selected>One</option>

对于具有checked属性的复选框，情况相同吗？

<input type="checkbox" name="set1-questions1" id="set1-questions1" checked>

DEMO

即。在上面的演示应该显示和内部应该显示。

由于

Answer 1

您可以在页面加载时触发change()事件：

// Show/Hide checkbox divs using select
$('#set').change(function(){
    $('.checkboxes').hide();
    $('#' + $(this).val()).show();
}).change(); // or .trigger('change');

<强> Updated Fiddle

在页面加载和更改时，根据选择和复选框显示/隐藏div

1 个答案: