Question

我需要在按钮点击时重定向到新页面。我需要使用jquery来编写它。我不知道如何为此编写代码。这是我的HTML

 <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
   <a class="btn btn-success" style="width: 100%" id='approve'>Approve</a>
</div>

我写的脚本是

  $(document).ready(function() {
            //LIVEICON
            $('#approve').on('click',function(){
                var comment = $('#comments').val();
                if(($('#comments').val()!="")){                             
                    alert(comment);
                    $('#successalert').html('<strong>Approved...!</strong>').show().fadeOut(5000); 

                    }
                else{

                    if($("#comments").val()==""){$('#comments').css({'background-color':'rgba(255, 0, 0, 0.09)','border-color':'red'});$('#comments_er').css('display','block');}
                    if($("#approver").val()==null){$('#approver').css({'background-color':'rgba(255, 0, 0, 0.09)','border-color':'red'});$('#approver_er').css('display','block');}
                }
            });
        });
        $('#comments').change(function(){
            if ($('#comments').val()!="") {$('#comments').css({'background-color':'#fff','border-color':'#ccc'});$('#comments_er').css('display','none')}
            if ($('#comments').val()=="") {$('#comments').css({'background-color':'rgba(255, 0, 0, 0.09)','border-color':'red'});$('#comments_er').css('display','block')}

        });
        $('#approver').change(function(){
            if ($('#approver option:selected').val()!=null) {$('#approver').css({'background-color':'#fff','border-color':'#ccc'});$('#approver_er').css('display','none')}
            if ($('#approver option:selected').val()==null) {$('#approver').css({'background-color':'rgba(255, 0, 0, 0.09)','border-color':'red'});$('#approver_er').css('display','block')}

        });

这有什么问题？

提前致谢

Answer 1

你可以在jquery点击事件中使用简单的javascript。

这是您的代码的样子。

$('#link').click(function(){
  alert("Clicked");
  window.location.href="http://smashingmagazine.com";
});

Answer 2

为什么不使用简单的HTML？您可以使用PHP中的echo来使其动态化。

<强> HTML：

<form action="yourlink"><input type="submit"></form>

要打开新标签页：

<form action="yourlink" target="_blank"><input type="submit"></form>

<强>使用Javascript：

<input type="button" onclick="location.href='yourlink';">

您在jQuery中的代码：

jQuery的：

$('#link').click(function(){
  alert("Clicked");
  window.location.href="yourlink";
});

HTML：

<button id="link" >Link</button>

关于onclick功能的一些信息：w3schools onclick

Answer 3

为什么需要使用jQuery？你能不能只是：

<a href="mypage.html"><button>Button Text</button></a>

Answer 4

您可以添加按钮onclick="location.href='pageurl.html';"

Answer 5

尝试以下代码

$('#link').click(function(){
  alert("Clicked");
  document.location.href = 'http://smashingmagazine.com'
});

如何使用jquery重定向到按钮单击事件上的其他页面

5 个答案: