调用Javascript onClick不工作

Call Javascript onClick not working

本文关键字：工作 onClick Javascript 调用      更新时间：2023-09-26
         *@ JAVASCRIPT
             $(document).ready(function()
             {
             }
             )
             function videochange(url) {
                 alert(url)
             }

在点击这个按钮时，它不会碰到上面的JavaScript函数。知道为什么吗?我真的需要那个视频。值到JavaScript函数.....

 @foreach(var video in Model.VideoList)
        {           
            var url = video.Value;
         <input type="button" value="@video.Text" onclick="javascript:videochange(url);" />
            <br />
        }

我会使用JQuery。假设您的版本是1.7或更高版本，下面的代码应该可以工作。它还强制在标记和JavaScript之间更好地分离。

<div class="container">
  @foreach(var video in Model.VideoList) {           
    <input type="button" value="@video.Text" data-url="@video.Value" />
  }
</div>
<script>
  $(document).ready(function(){
    $('.container').on('click', 'input[type="button"]', function(){
      var url = $(this).attr('data-url');
      alert(url);
    });
  });
</script>

试试这个

@foreach(var video in Model.VideoList)
{           
    var url = video.Value;
 <input type="button" value="@v.Value" onclick="@String.Format("videochange('{0}')", url)" />
    <br />
}

Try

@foreach(var video in Model.VideoList) {           
    <input type="button" value="@video.Text" onclick="videochange('@video.Value');" />
    <br />
}
相关文章：