Href检查输入无线电

时间:2015-03-27 22:57:17

标签: javascript html href

我有这个代码,我想要点击一个href检查到收音机框 代码:

 <p><a href=""><?php echo $result['answer1'];?><input type="radio" value="1" class='rgt' name='test1'/></a></p>
 <p><a href=""><?php echo $result['answer2'];?><input type="radio" value="2" class='rgt' name='test2'/></a></p>
 <p><a href=""><?php echo $result['answer3'];?><input type="radio" value="3" class='rgt' name='test3'/></a></p>

怎么办?

1 个答案:

答案 0 :(得分:0)

HTML:

<div id="container">
<p><a href="">111111111111111<input type="radio" value="1" class='rgt' name='test1'/></a></p>
 <p><a href="">2222222222222222<input type="radio" value="2" class='rgt' name='test2'/></a></p>
 <p><a href="">3333333333333333<input type="radio" value="3" class='rgt' name='test3'/></a></p>
</div>

(所有内容都放在容器中,以便于定位)

JS:

container=document.getElementById('container');
links=container.getElementsByTagName('a');

for(i=0;i<links.length;i++) {

    links[i].addEventListener("click", function(e){

e.preventDefault();  

        if(this.childNodes[1].checked == true) {

        this.childNodes[1].checked = false;
        }
        else {
             this.childNodes[1].checked =true;
        }


    });


}

演示:http://jsfiddle.net/ydu6h8vd/