学步园

最近要写一段javascript，来判断页面中的表单是否被修改过。

经过上网查资料，可以发现，判断input是否被修改了值，可以用下面的方法来判断：

var form1 = document.forms["form1"];<br /> var modified = false;<br /> var field = form1.salerName;<br /> if(field.value!=field.defaultValue){<br /> modified = true;<br /> }<br />

然而，这段代码只对文本输入类型的有效（包括file类型），对于radio和checkbox类型的就没办法检测了。

又上网搜了半天，没有任何解决办法，难道就不能解决了吗？

终于功夫不负有心人，在经过一番摸索后终于发现了解决办法！

var form1 = document.forms["form1"];<br /> var modified = false;<br /> var fields = form1.country;<br /> //注意fields是一个数组，无论是checkbox还是radio都是这样<br /> for(var i=0; i<fields.length; i++){<br /> if(fields[i].checked!=fields[i].defaultChecked){<br /> modified = true;<br /> break;<br /> }<br /> }

原来对于radio和checkbox类型的input，需要判断其checked与defaultChecked是否一样！

faint！

补充：

对于textarea，用defaultValue即可判断是否被修改了；

而对于select，则又是一种情形，因此再次修订如下：

var form1 = document.forms["form1"];<br /> var modified = false;<br /> var select = form1.cates;<br /> var options = select.options;<br /> for(var i=0; i<options.length; i++){<br /> if(options[i].defaultSelected&&select.selectedIndex==i){<br /> modified = true;<br /> break;<br /> }<br /> }

原来对于select来说，是否被修改了要判断其selectedIndex是否在原先的位置上，而原先的位置只能一个一个的数点其option项！

更晕！