Question

如何使用html复选框在html按钮中切换两个不同的链接？（IE）一个按钮包含两个链接。使用复选框，如果设置为true，点击按钮应该转到xyz网站，当复选框为false时，点击相同的按钮应该转到abc网站？请帮忙，因为我是j查询的新手。在共享点网站上使用它。

Answer 1

这可能会对你有帮助，

$('button').on('click',function(){
    var url=$('input:checked').length ? 'abc.com' : 'xyz.com';
    alert(url);// use window.location.href=url; to open that url
});

Try Demo

Answer 2

在复选框更改开关链接href上： HTML

<input type="checkbox">
<a href="#" data-url1='lala' data-url2='lolo'>button</a>

JQUERY

$(function(){
    $('a').attr('href',$('a').data('url1'));

    $('input').on('change',function(){
        if($(this).is(':checked')){
            $('a').attr('href',$('a').data('url2'));
        }else{
            $('a').attr('href',$('a').data('url1'));
        }
     })
})

Answer 3

这是正确的代码尝试并在浏览器中运行它，你甚至可以在jsfiddle中尝试这个

这里使用的两个概念是如何检查jquery中是否选中了复选框，有很多方法可以通过使用is（'：checked'）说明一种方法和其他绑定按钮的click事件，这很简单。我希望你喜欢它。

<html>
<head>
    <title></title>
</head>
<body>
    <input type="checkbox" id="myCheckbox" />
    <button id="myButton">Click</button>
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#myButton').click(function(){
                if($('#myCheckbox').is(':checked')){
                    window.location.href = "http://www.google.co.in";
                }else{
                    window.location.href = "http://jforjs.com";
                }

            })
        })
    </script>

</body>
</html>

Answer 4

<强> Demo

HTML

<input id="choice" name="choice" type="checkbox" data-yes="http://www.xyz.com" data-no="http://www.abc.com"/>
<button id="submit">submit</button>

的jQuery

$('#submit').on('click',function(){
var url ='';
if($('#choice').is(':checked')){
    url = $('#choice').data('yes');
}
else{
    url = $('#choice').data('no');
}
alert(url);
//Uncomment below for redirecting automatically to the desired url
//location.href = url;
});

如何使用复选框在同一按钮上的链接之间切换？

4 个答案: