Jquery从带有变量的单选按钮生成链接

时间:2016-04-15 08:05:00

标签: javascript jquery checkbox hyperlink generated

我有一个重要的问题。我想生成超链接。 这是一个例子:

Radio group one:
[X] Black
[ ] White
Radio group two:
[ ] Black 
[X] White
[ ] Yellow
Radio group three:
[ ] Black 
[ ] White
[X] Red

这将是结果:

<a href="www.example.de/example/BLACK-SITE/WHITE-SITE/RED-SITE">My generated Link</a>

我希望你理解我的意思:)很高兴得到任何想法如何解决这个问题。谢谢亲切的问候,妮可:)

到目前为止,这是我的代码:

     <script>

    $(document).ready(function(){



    $('#back1').change(function(){
        if(this.checked)
            $('#backimg1').show();
            $('#backimg2').hide();
            var back = '/schwarz-17'; 

    });

    $('#back2').change(function(){
        if(this.checked)
            $('#backimg1').hide();
            $('#backimg2').show();
            var back = '/weiss-18'; 

    });     



    $('#front1').change(function(){
        if(this.checked)
            $('#frontimg1').show();
            $('#frontimg2').hide();
            $('#frontimg3').hide();
            var back = '/teil-21'; 

    });

    $('#front2').change(function(){
        if(this.checked)
            $('#frontimg1').hide();
            $('#frontimg2').show();
            $('#frontimg3').hide();
            var back = '/halb-23'; 

    });

    $('#front3').change(function(){
        if(this.checked)
            $('#frontimg1').hide();
            $('#frontimg2').hide();
            $('#frontimg3').show();
            var back = '/ganz-26'; 
    });
});



 <a id="link" onclick="location.href=this.href+'?key='+back+front;return false;" href ="http://www.tronitechnik.de/duschen">

1 个答案:

答案 0 :(得分:0)

如果您有3个带有相应身份证的广播电台:radio1,radio2,radio3:

ant

我建议您在执行$(document).ready(function(){ var link1 = "default1" ; var link2 = "default2" ; var link3 = "default3" var baseLink = "www.example.de/example/" ; var finalLink ; $('#radio1').on('change', function() { link1 = $(this).val(); changeLink(); }); $('#radio2').on('change', function() { link2 = $(this).val(); changeLink(); }); $('#radio3').on('change', function() { link3 = $(this).val(); changeLink(); }); function changeLink(){ finalLink = baseLink + link1 + "/" + link2 + "/" + link3 ; $("#link").attr("href",finalLink); } }

之前验证链接