复选框

来源：互联网发布：中国从非洲进口数据编辑：程序博客网时间：2024/05/01 02:40

今天进行文章多选删除时用到复选框
获得多个文章的ID 并惊醒删除

开始这样写的

for(var i = 0;i < form1.arcID.length ; i++) {
if (form1.arcID[i].checked) {
if(p=="") p = document.form1.arcID[i].value;
else p = p+","+document.form1.arcID[i].value;
}
}

但是这样只有一个复选框时却不好用
我调试了一下发现只有一个复选框是得不到 length 好像这是没有把复选框当作数组来处理

参考了一下其他的代码

if(form1.arcID.value) {
p = form1.arcID.value;
}
else {
var p = "";
for(var i = 0;i < form1.arcID.length ; i++) {
if (form1.arcID[i].checked) {
if(p=="") p = document.form1.arcID[i].value;
else p = p+","+document.form1.arcID[i].value;
}
}
}

这样只有一个复选框的时候就能得到当前所选的值了

===========================

<form name=form1 onsubmit=nn()>
<input type="checkbox" name="A" value="11">teacher1
<input type="checkbox" name="A" value="22">teacher2
<input type="checkbox" name="A" value="33">teacher3
<input type="checkbox" name="A" value="44">teacher4
<input type=submit name=submit>
<script>
function nn()
{
    coll = document.getElementsByName("A");
    for(var i=0; i<coll.length;i++)
if(coll[i].checked)
            alert(coll[i].value);
}
</script>
______________________________________________________________________________________________
答4：
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>

</form>
<script language=javascript>
function chk()
{
for (var i=0;i<5;i++)
{
  if (document.myform.a[i].checked)
  {
   alert(document.myform.a[i].value)
   return false
  }
}
}
</script>

</BODY>
</HTML>

参考以下代码:
<form name=form1 onsubmit=nn()>
<input type="checkbox" name="A" value="11">teacher1
<input type="checkbox" name="A" value="22">teacher2
<input type="checkbox" name="A" value="33">teacher3
<input type="checkbox" name="A" value="44">teacher4
<input type=submit name=submit>
<script>
function nn()
{
    coll = document.getElementsByName("A");
    for(var i=0; i<coll.length;i++)
if(coll[i].checked)
            alert(coll[i].value);
}
</script>