0

我有以下代码：

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

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

4

4 回答 4

5

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

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

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

于 2013-03-21T20:12:13.100 回答
3 
<script>
$(function() {
    $('#advert').live('change', function(){
    if($(this).is(':checked')){
    $(":text").show();
    } else {
    $(":text").hide();
    }
    }).trigger('change');
});
</script>

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

于 2013-03-21T20:11:49.803 回答
2

给你的文本字段一个可能是 .text 的类，然后像这样使用 css：

.text{ display: none; }

或像这样的jquery：

$(document).ready( function () {
  $(":text").hide();
});
于 2013-03-21T20:14:26.883 回答
0

交换

.show();

和

.hide();
于 2013-03-21T20:11:13.420 回答