Home/ Questions/Q 7782389
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T19:31:42+00:00

I’m trying to add the target attribute to some anchors when a radio button

  • 0

I’m trying to add the target attribute to some anchors when a radio button is checked; however it isn’t working.

Here is my code:

<body>
<ul id="main">
    <li><a href="https://www.google.co.uk/">Google</a></li>
    <li><a href="http://www.youtube.com/">YouTube</a></li>
    <li><a href="https://twitter.com/">Twitter</a></li>
</ul>
<input type="radio" name="input" id="input" />
<script type="text/javascript">
document.getElementById('input').checked = function changeTarget() {
    document.anchors.setAttribute('target', '_blank');
}
</script>
</body>

What am I doing wrong? (Note: I don’t want a JQuery solution)

Thanks.

Edit: Phew. Done it thanks to all the answers, here’s my final code:

    document.getElementById('input').onclick = function changeTarget() {
    if(this.checked) {
        var b = document.getElementsByTagName('a');
        for (a = 0; a < b.length; a++) {
            b[a].target = '_blank';
        }
    }
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    With your edited code you set the targets every time to _blank when clicking the radio button. Also anchors-collection is not the right-one to use in this case.

    document.getElementById('input').onclick = function changeTarget() {
    var n,a=document.links.length;
    if(document.getElementById('input').checked){
        for(n=0;n<a;n++){
            document.links[n].target='_blank';
        }   
    }
}

    document.links is a collection-object containing the A-elements in the document which have an href or nohref-attribute. A collection-object is quite similar to an array, and you can refer to it’s members with an index (n).

    • 0