关于FORM表单元素NAME和ID的获取问题

我们经常会碰到这样的情况，

 

 

 

 当我们选择了复选框时按钮才能点击，不然就是禁用，这是一个很觉的问题，但是里面包含了一个细节。

在实现这个功能的时候我们一般会使用javascript脚本，如：

<script language="javascript">

 if(document.getElementById("复选框ID").checked){

      document.getElementById("按钮ID").disabled=true;

 }

 if(document.getElementById("复选框ID").checked==false){

      document.getElementById("按钮ID").disabled=false;

 }

</script>

但是这个方法不一定可以实现类似功能，例如网页代码是这样的时候：

。。。。。

<input type="checkbox" name="a" checked id=”checkbox1”>我认真阅读并接受以上协议。</br>

经验：</br>

<select name="jingyan">

       <option value="" selected>无经验</option>

       <option value="0" >有经验</option>

</select>

<p><input type="reset" name="reset" value="重置"/>&nbsp;&nbsp;&nbsp;

<input name="deng" type="submit" id=”submit” value="提交" disabled/></p>

。。。。。

原因是因为，当表单元素的name和id的值不一样的时候浏览器是不能识别的，只是当他们的值一样的时候他才能准备找到。

表单的name与id其实都是为了标记对象名称，资料显示：　它们所不同的是：name是Netscape的、id是Microsoft的。为了能够兼容，name和id必须设置成一样也是可以理解的了！id就像是一个人的身份证号码，name就是他的名字，显然，id是不可以重复的，而name是可以重复的.在表单的接收页面只接收有name的元素。例如：request.Form("aa")，其中aa是提交页面中某个元素的name属性值。所以通过表单接收到的不是id值，而是name值。

顺便说明一下：

1.表单元素(form   input   textarea   select)与框架元素(iframe   frame)用name。

2. 只能赋ID不能赋name的元素:(除去与表单相关的元素都只能赋ID) 

body  li  a  table  tr  td  th  p  div  span  pre  dl  dt  dd  font  b  等等