-1

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

4

4 回答 4

0

这可能会帮助你，

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

试用演示

于 2013-11-08T10:07:03.447 回答
0

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

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

查询

$(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'));
        }
     })
})
于 2013-11-08T10:12:31.587 回答
0

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

这里使用的两个概念是如何在 jquery 中检查复选框是否选中，有很多方法我通过使用 is(':checked') 来说明一种方法，另一种是绑定按钮的单击事件，这很简单。我希望你喜欢它。

<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>
于 2013-11-08T10:22:44.690 回答
0

演示

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;
});
于 2013-11-08T10:23:24.910 回答