Question

我有一个复选框，当选中它时会打开一个div（#block），显示不同的选项。

HTML：

B = A;
B([1 2 4]) = {NaN};

JAVASCRIPT：

<input type="checkbox" id="cbxShowHide"/>
<label class="styled-input" for="cbxShowHide">My Label</label>


<div id="block" class="closed-block">
Option 1
Option 2
Option 3
</div>

CSS：

<script>
jQuery('#cbxShowHide').change(function(){
        if (this.checked) {
            jQuery('#block').slideDown(200).trigger('show');
            jQuery('#block').addClass('open');
        }
        else {
            jQuery('#block').slideUp(200).trigger('hide');
            jQuery('#block').removeClass('open');
        }                   
    });
</script>

换句话说，默认情况下会隐藏DIV（#block），并在选中复选框时打开它。

这在页面上运行良好...但是在不同的页面上使用相同的内容，但是在弹出窗口中。但是在这个弹出窗口中，我希望选中复选框并默认打开DIV。

请帮忙。

Answer 1

您需要添加属性checked。

使用HTML：<input type="checkbox" id="cbxShowHide" checked="checked" />

使用jQuery：jQuery("#cbxShowHide").prop("checked", true);

弹出窗口中默认选中复选框

1 个答案: