javascript - Javascript 函数无法正常工作

Question

原来；我有一个按钮试图调用函数，但嵌套在表单内，该按钮默认会触发提交表单事件: 建议是添加一个 到按钮标签，我能够解决我原来的问题。

我的新问题是:

所以我有这些按钮:

我想让这些按钮触发无论日期字段是否隐藏。

    else if (question.Expected_Answer_Type == "Date")
{
    <input type="button" value="Add a Date @ViewBag.QuestionID" onclick="makeDateVisible(#@ViewBag.QuestionID)">

    @Html.TextBoxFor(m => m.QuestionnaireAnswers[i].Answer, Model.Date.ToString("M/d/yyyy"), new { @class = "form-control date hidden", @id = ViewBag.QuestionID }) if (Model.QuestionnaireAnswers == null)

    {
        <script>
            $(document).ready(function () {
                    $('#@(ViewBag.QuestionID)')
                        .val("@(DateTime.Today.ToShortDateString())");
                }

            );
            function makeDateVisible(@ViewBag.QuestionID) {
                alert("Hello");
            } 

        </script>
    }
}

我似乎无法触发 makeDateVisible 内的警报。

在浏览器内.... 我收到错误: 未捕获的语法错误:无效或意外的标记 红线出现在该行的末尾:

  <input type="button" value="Add a Date @ViewBag.QuestionID" onclick="makeDateVisible(#@ViewBag.QuestionID)">

Answer 1

您应该在引号中传递#@ViewBag.QuestionID，然后它将被视为字符串参数

否则，它被视为变量，从而产生错误。