js 控制checkbox 为只读

Question

<script type="text/javascript">
function ziji()
{
var obj=document.getElementsByTagName("checkbox");
for(i=0;i<obj.length;i++)
{
document.obj[i].disabled=true;
}
}
</script>
<INPUT type=checkbox name=peizhi[] value="1">
<INPUT type=checkbox name=peizhi[] value="2">
<INPUT type=checkbox name=peizhi[] value="3">
<INPUT type=checkbox name=peizhi[] value="4">
<INPUT type=checkbox name=peizhi[] value="5">
<INPUT type=checkbox name=peizhi[] value="6">
<INPUT type=checkbox name=peizhi[] value="7"><input type=Button onClick="ziji()" value="只读" />
这个无法达到效果，哪里错了吗

Answer 1

function ziji() {
  var obj = document.getElementsByTagName("input");
  for (i = 0, count = obj.length; i < count;  i++) {
      if(obj[i].type == 'checkbox') obj[i].disabled = true;
  }
}

Answer 2

<script type="text/javascript">
function ziji()
{
    var obj=document.getElementsByName("peizhi[]");
    for(i=0;i<obj.length;i++)
    {
        obj[i].disabled=true;
    }
}
</script>
<INPUT type=checkbox name=peizhi[] value="1">
<INPUT type=checkbox name=peizhi[] value="2">
<INPUT type=checkbox name=peizhi[] value="3">
<INPUT type=checkbox name=peizhi[] value="4">
<INPUT type=checkbox name=peizhi[] value="5">
<INPUT type=checkbox name=peizhi[] value="6">
<INPUT type=checkbox name=peizhi[] value="7"><input type=Button onClick="ziji()" value="只读" />
</body>

Answer 3

<script type="text/javascript">
function ziji()
{
    var obj=document.getElementsByName("peizhi");
    for(i=0;i<obj.length;i++)
    {
        obj[i].disabled=true;
    }
}
</script>
<INPUT type=checkbox name=peizhi value="1">
<INPUT type=checkbox name=peizhi value="2">
<INPUT type=checkbox name=peizhi value="3">
<INPUT type=checkbox name=peizhi value="4">
<INPUT type=checkbox name=peizhi value="5">
<INPUT type=checkbox name=peizhi value="6">
<INPUT type=checkbox name=peizhi value="7"><input type=Button onClick="ziji()" value="只读" />

Answer 4

disabled = "disabled"
disabled = "true"
这两个都可以。

Answer 5

 for(i=0;i<obj.length;i++)
    {
        document.obj[i].disabled=true;  //改为obj[i].disabled=true;
    }

Answer 6

<INPUT type=checkbox name=peizhi value="7" disabled>

Answer 7

    var obj=document.getElementsByName("peizhi[]");
    for(i=0;i<obj.length;i++)
    {
        obj[i].disabled=true;
    }

Answer 8

  var obj=document.getElementsByName("peizhi[]"); 
    for(i=0;i <obj.length;i++) 
    { 
        obj[i].disabled=true; 
    }

Answer 9

其实，准确的方法应该这样<script type="text/javascript">
function ziji()
{
    var obj=document.getElementsByName("peizhi[]");
    for(i=0;i<obj.length;i++)
    {
        obj[i].onclick=function(evt){var o = window.event?window.event.srcElement:evt.target;o.checked=!o.checked}
    }
}
</script>
<INPUT type=checkbox name=peizhi[] value="1">
<INPUT type=checkbox name=peizhi[] value="2">
<INPUT type=checkbox name=peizhi[] value="3">
<INPUT type=checkbox name=peizhi[] value="4">
<INPUT type=checkbox name=peizhi[] value="5" checked="checked">
<INPUT type=checkbox name=peizhi[] value="6">
<INPUT type=checkbox name=peizhi[] value="7"><input type=Button onClick="ziji()" value="只读" />
使用disabled，那么，如果默认有选项选择的话，则不能提交了

Answer 10

<script type="text/javascript">
function ziji()
{
    var obj=document.getElementsByTagName("input");
    for(i=0;i<obj.length;i++)
    {
if(obj[i].type=="checkbox")
{
 obj[i].disabled=true;
}
       
    }
}
</script>
<INPUT type=checkbox name=peizhi[] value="1">
<INPUT type=checkbox name=peizhi[] value="2">
<INPUT type=checkbox name=peizhi[] value="3">
<INPUT type=checkbox name=peizhi[] value="4">
<INPUT type=checkbox name=peizhi[] value="5">
<INPUT type=checkbox name=peizhi[] value="6">
<INPUT type=checkbox name=peizhi[] value="7"><input type=Button onClick="ziji()" value="只读" />这个就对了