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

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>

即可

不能贪图 省力  复制粘贴