今天原本只是要完成一个小的信息录入修改的功能模块,本来很快可以完成,却因为一个意料之外的错误耽误了n久时间。
功能很简单。只是在录入页面上有一个复选框对象:
- <input type="checkbox" name="a" value="1">1
- <input type="checkbox" name="a" value="2">2
- <input type="checkbox" name="a" value="3">3
在提交这个表单前,需要判断用户是否选择了对象a的至少一个值,如果没有进行选择,则中止提交。
写了这样的一段js代码,对复选框对象进行判断:
- function boxChecked(box){
- var choosed=false;
- if (typeof(box)=="undefined"){
- return false;
- }
- if (typeof(box.length)=="undefined"){
- if (box.checked){
- choosed=true;
- }
- }else{
- for (var i=0;i
- if (box[i].checked) {
- choosed=true;
- break;
- }
- }
- }
- return choosed;
- }
将表单对象a传入这个方法,根据返回的值确认是否进行选择。
一开始使用了这个经常用的获取html对象的方法:
- var obj = document.getElementById("a");
- boxChecked(obj);
但是返回的结果很蹊跷,如果没有选中对象a的第一个值1,即使后两个值2和3全部选中,boxChecked返回的仍是false,只有选中了值1的基础上,在选择其他的值,或者不选择其他值,boxChecked返回的才是true;
一开始以为是方法写错了,但检查了n遍也没找到错误。
忽然想起在一本书上讲到,在IE里(我用IE浏览器),document .getElementById()方法是无效的,但我试过几次之后,发现在IE里也可以使用,也就一直用这个方法,现在想到了这点后,使用了另一个方法:
- var obj = document.all("a");
然后boxChecked方法也正常工作了。
为什么会有这样的问题呢?虽然IE有时候是由问题,但既然document.getElementById在其他方法中都没有错误,怎么会在单单在这里出错了?
郁闷中。。。。
本文描述了一个关于HTML复选框验证的问题,通过JavaScript实现表单提交前的验证逻辑,探讨了不同浏览器环境下getElementById和document.all的区别。
963

被折叠的 条评论
为什么被折叠?



