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>
不能贪图 省力 复制粘贴
