频道栏目
首页 > 程序开发 > 综合编程 > 其他综合 > 正文
form表单内 checkbox 的 onclick事件 typeError: *** not a function 调用方法类型错误 解决
2012-11-17 09:35:21      个评论      
收藏   我要投稿

form表单内 checkbox 的 onclick事件 typeError:  ***  not a function 调用方法类型错误  解决


 <script type="text/javascript">
function checkboxDan1(obj){
    var boxes = document.getElementsByName("checkboxDan1")
    for(var i=0;i<boxes.length;i++){
        if(boxes[i]!=obj){
            boxes[i].checked=false;
        }else{
            boxes[i].checked = true;
        }
    }
}
</script>
<form>
<input type="checkbox"  name="checkboxDan1"  value="1" onclick="checkboxDan1(this);" >
</form>


点击 后 typeError:  checkboxDan1  not a function

原因是因为和 input的 name冲突 两个都是 checkboxDan1

所以 解决方法 是 input的name 不能和 js 的函数方法名相同


改成
 <script type="text/javascript">
function clickDan1(obj){
    var boxes = document.getElementsByName("checkboxDan1")
    for(var i=0;i<boxes.length;i++){
        if(boxes[i]!=obj){
            boxes[i].checked=false;
        }else{
            boxes[i].checked = true;
        }
    }
}
</script>
<form>
<input type="checkbox"  name="checkboxDan1"  value="1" onclick="clickDan1(this);" >
</form>

即可
不能贪图 省力  复制粘贴

点击复制链接 与好友分享!回本站首页
上一篇:扫盲贴:注释的使用
下一篇:maven中指定jdk版本
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站