在jQuery中使用if语句提示框

时间:2015-02-22 23:43:40

标签: javascript jquery

我正在学习jQuery并事先研究过这个问题,但无法得到我需要的答案。基本上我正在做一个待办事项清单。在表单加载之前,用户提示输入他们的名字,它将被附加到类的。这工作正常,但是如果在输入框中输入的值=== 0,我正在尝试使容器hide()。下面是我的代码,如果有人可以帮助我,我将不胜感激。

    var listName = prompt("What do you want to call your list?");

    if ( $(prompt).length === 0 ) {

        $('.container').hide();

    }
    else {

        $("h2").html(listName);

    }

2 个答案:

答案 0 :(得分:0)

$(document).ready(function(){
        var listName = prompt("What do you want to call your list?");
        if ( listName === 0 ) {
            $('.container').hide();
        }
        else {
            $("h2").html(listName);
        }
});

答案 1 :(得分:0)

您的提示响应值存储在变量listName中,因此您应该使用它 您也可以想要切换容器的视图否则

var listName = prompt("What do you want to call your list?");

$('.container').toggle(!!listName); // Show .container is listName has value (is true)
$('h2').text( listName );

另外,请确保您已将<script>标记放在结束</body>标记之前,或将jQuery包装在document.ready