HTMLButtonElement.onclick

时间:2018-02-17 07:09:48

标签: javascript jquery

我想点击Delete Button和Edit Buttton调用DeleteRow和EditRow函数。

<button style="margin-right: 5px;" type='button' onclick='return EditRow(@i)' id='@editrow' class='btn btn-primary btn-sm pull-right'><i class='glyphicon glyphicon-edit'></i>  </button>

<button style="margin-right:5px;" type='button' onclick='return DeleteRow(@i)' id='' class='btn btn-danger btn-sm pull-right'><i class='fa fa-times-circle'></i>  </button>

我还在我的JavaScript文件上创建了函数但是我得到了这个&#34;未定义的错误函数错误&#34;。

这里的JavaScript函数

<script type="text/javascript">
function DeleteRow(id) {
debugger 
//logic here
return false;
}

function EditRow(id) {
//logic here
return false;
}
</script>

之前我有类似的错误,但当时我只更改了onClick at html中的函数名称并更改了JavaScript的函数名称,但现在无关紧要我重命名该函数,我得到了同样的错误。

任何人都可以解释我收到此错误的原因

1 个答案:

答案 0 :(得分:1)

如果确保在按钮之前定义了JS(或者只要使用一些DOM就绪事件),则代码可以正常工作。

另外,请确保@i呈现正确的值。我不承认这种模式......

function DeleteRow(id) {
console.log('Delete ' + id);
return false;
}

function EditRow(id) {
console.log('Edit ' + id)
return false;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>

<button type='button' onclick='return EditRow(1)' id='@editrow' class='btn btn-primary btn-sm'><i class='glyphicon glyphicon-edit'></i>  </button>

<button type='button' onclick='return DeleteRow(1)' id='' class='btn btn-danger btn-sm'><i class='fa fa-times-circle'></i>  </button>