各位老师好,我想通过js控制,使每行文字前面出现选择框,请大家教教我...

可是我一按按钮,只有第一行的文字前面出现checkbox选择框,想请教各位老师这个该怎么办...

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css"> 
.aa{
    display:none;
}
</style>

</head>
<body>
<input type="checkbox" style="display:none;" class="aa" id="a" >啊啊啊</input><br>
<input type="checkbox" style="display:none;" class="aa" id="a" >啊啊啊</input><br>
<input type="checkbox" style="display:none;" class="aa" id="a" >啊啊啊</input>
<input type="button"   onclick="o()"></input>
<script language="javascript">
function o(){
    var b = document.getElementById("a");
    b.style.display='inline';   
}
</script>
</body>
</html>

var b = document.getElementsByClassName('aa');

b是一个集合 用for循环一下 每一个再.style.display='inline';

因为id是唯一的不能有重复id,你要想一次选中多个的话全改成class="a",然后用类选择器getElementsByClassName('a')

是这样吗。。。可是这下一点反应都没有了。。。我类名是aa

 function o(){
    var b = document.getElementsByClassName('aa');  
    b.style.display='inline';   
}