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>

即可

不能贪图 省力 复制粘贴