JavaScript Onclick 问题

Question

我无法让它发挥作用。将 JavaScript 直接放到 onclick 事件上效果很好，但这样不行。

JavaScript

function checkid(objDivID) {
    if(this.id == 'id1') {
        alert('ID is Checked') 
    };
}

HTML

<tr id='id". $row['id'] ."' class='rrtr' onclick=\"checkid(this.id);\">
    <td class='name'>". $row['name'] ."</td>
    <td class='data'>". $row['TotalResp'] ."</td>
    <td class='data'>". $row['StaffCount'] ."</td>
    <td class='data'><b>". number_format($row['Perc'],0) ."</b></td>
</tr>

谢谢，H.

Answer 1

您正在传递函数 this.id，但随后在函数中尝试再次引用该函数。这是行不通的。请改用参数名称。

function checkid(objDivID){
    if(objDivID == 'id1'){alert('ID is Checked')};
}

另外，HTML 中引用双引号的反斜杠可能并不真正存在，对吗？我猜你正在将该 HTML 打印为字符串。

Answer 2

您可以通过多种方式解决它，一种是调用指定 this 的函数：

<tr id='id". $row['id'] ."' class='rrtr' onclick=\"checkid.call(this, this.id);\">

或者只使用传递的 id：

function checkid(objDivID){
    if(objDivID == 'id1'){alert('ID is Checked')};
}

Answer 3

那是因为您在错误的范围内使用 this 。将行更改

if(this.id == 'id1'){alert('ID is Checked')};

为

if(objDivID == 'id1'){alert('ID is Checked')};