Question

我有以下代码：

<script>
    $('#advert').live('change', function () {
        if ($(this).is(':checked')) {
            $(":text").show();
        } else {
            $(":text").hide();
        }
    });
</script>

选中此复选框后，此代码会显示和隐藏文本字段。它工作得很好但我想在页面打开时隐藏文本字段。

Answer 1

隐藏文档准备就绪的文本字段文档就绪事件，“当我完成加载时，执行此代码”。因此，在页面加载时，它会在文本字段上触发.hide（）。它非常强大！

$(document).ready( function () {
  $(":text").hide();
});

另一种方法是将样式设置为“display：none;”在每一个上。然后他们开始隐藏

Answer 2

<script>
$(function() {
    $('#advert').live('change', function(){
    if($(this).is(':checked')){
    $(":text").show();
    } else {
    $(":text").hide();
    }
    }).trigger('change');
});
</script>

这也将处理用户点击框，转到另一个页面，单击后退按钮并自动检查浏览器框的情况。

Answer 3

为您的文本字段提供一类可能.text 然后像这样使用css：

.text{ display: none; }

或jquery如此：

$(document).ready( function () {
  $(":text").hide();
});

Answer 4

交换

.show();

和

.hide();

Javascript jQuery在打开页面时隐藏字段

4 个答案: