Javascript 单击JQuery时出现未捕获引用错误

我无法从按钮中获取值

此未捕获引用错误：HTMLInputElement.onclick上未定义reply\u click

注意：我希望我的按钮继续工作

有人能帮我吗

  function reply_click(clicked_id){
$(function() {
    $.ajaxSetup({
       headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
       }
    });
    console.log('attached');
    $('#openButton').on('click', function(data) {
        console.log('clicked');
        $.ajax({
          type: "POST",
          url: "/dash",
            data: { _token: $('meta[name="csrf-token"]').attr(('src','{{url('/')}}'+data)}
        })
       .done(function(data){
            console.log(data);
            $('.inputbutton input').css("background-image", "url("+data+")");
        })
        .fail(function(data){
            console.log('Error:', data);
        });
    });
});

}

来自blade.php的我的按钮

<div class="inputbutton">
<span class="text">TEXT</span>
<input type="submit" class="btTxt submit" value=""  id="TEXT" onclick="reply_click(this.id)">
</div>

正文

我认为使用onclick不是一个好的做法，此外，您应该将函数放在

$（function（）{}）

中

比如说：

$(function() {
    function reply_click(clicked_id){
        // DO SOMETHING HERE
        ....
    }
});

$(function() {
    function reply_click(clicked_id){
        // DO SOMETHING HERE
        ....
    }

    $('#TEXT').click(function() {
        // ON CLICK ACTIONS GO HERE
        var input_id = $(this).attr('id'); // for example getting the id of the input
        ....
    })
});

还考虑将OnClash更改为使用<代码> $（'*文本'）。单击（函数（{…}）< <代码> < /P> 因此，总的来说，删除onclick，所有代码应如下所示：

$(function() {
    function reply_click(clicked_id){
        // DO SOMETHING HERE
        ....
    }
});

$(function() {
    function reply_click(clicked_id){
        // DO SOMETHING HERE
        ....
    }

    $('#TEXT').click(function() {
        // ON CLICK ACTIONS GO HERE
        var input_id = $(this).attr('id'); // for example getting the id of the input
        ....
    })
});

---

请尝试回答“单击（“文本”），我相信解决方案是ajax级别的。单击按钮时您想要什么？每次单击按钮时都更改图像…我在其中更改此$（“#文本”）。单击（函数（）{…}）？在blade.php的按钮中？您现在收到了什么错误？如果您已经删除了onclick，那么错误应该有所不同。如果您不知道将$（“#TEXT”）放在哪里，请参阅我上面更新的答案以获得更多说明。单击（函数（）{…}）之所以有效，是因为按钮函数已不存在。-。我希望能够单击并获取函数的值。您可以使用$从输入中获取任何内容。（此）我看到在问题中您试图获取thid id，您可以使用$（此）。attr（'id'）查看更新的答案