2015-08-15 74 views
0
$(document).ready(function() { 
    $("#btn").click(function() { 
    $("#form").toggle(); 
    }); 
    $("#submit").click(function() { 
    if ($(".product").checked = true) { 
     alert("Thank You!") 
    } else { 
     alert('Please Choose A Product'); 
    } 
    var name = $("input:text").val(); 
    var nLi = $("<li>").appendTo("ul"); 
    nLi.text(name); 
    }); 
}); 

每当我在文本输入中放入文本时,<li>将只显示一会儿,但页面会刷新并且会消失。对不起,如果这是显而易见的,我还在学习。我每次运行我的代码时刷新我的网站

+1

请检查http://stackoverflow.com/help/mcve并提供更多详细信息 – Dekel

+0

请发布更多代码。 – Madness

+0

按下提交按钮后它消失吗? – KevBot

回答

1

不允许页面刷新。最后返回false。

$(document).ready(function() { 

    $("#btn").click(function() { 
    $("#form").toggle(); 
    }); 
    $("#submit").click(function() { 
     if ($(".product").checked) { 
      alert("Thank You!") 
     } else { 
      alert('Please Choose A Product'); 
     } 
     var name = $("input:text").val(); 

     var nLi = $("<li>").appendTo("ul"); 
     nLi.text(name); 

     return false; 

    }); 
}); 

并请更改 if ($(".product").checked = true) {

if ($(".product").checked == true) {

+0

虽然我大致同意,'$(“。product”)。checked == true'应该不起作用,因为 - 就我所知 - 一个jQuery对象doesn没有'checked'属性。而且,如果是这样,它只会从集合中的第一个元素中检索属性。 –

0

尝试在点击事件使用event.preventDefault(),例如:

$("#submit").click(function(e) { 
    e.preventDefault(); 
} 

有关更多信息这jquery方法event.preventDefault()

相关问题