Question

我在更改按钮控件的文本时遇到问题。

这是我按钮的HTML代码

<input type="submit"  name="submit" id="btnsubmit" class="btn btn-default btnsubmit" value="Save" />

我想通过php

填充html表后完成它

这是我的jQuery代码

$( document ).ready(function() {
    var checkedItems = $('#dataTable tr td').each(function() {
});
if (!checkedItems.size()) {
    alert ("No data on the table");
}else  {
alert ("this is else");
    document.getElementById('btnsubmit').innerHTML = "Update";
}
});

我的代码出了什么问题？

我也在使用document.getElementById('btnsubmit').innerHTML = "Update";更改其他页面中输入按钮的文字，为什么不在这里工作？

显示的提醒是：

这是其他

Answer 1

为此，您可以使用flag：

$( document ).ready(function() {
    var checkedItems = false; // check with flag;
    $('#dataTable tr').each(function() {
        $('td', this).text().trim() === "" ? checkedItems = false : checkedItems = true;
    });
    if (checkedItems) {
        alert ("No data on the table");
    } else  {
        alert ("this is else");
        $('#btnsubmit').val("Update");
    }

});

Answer 2

这取决于您如何填充该表。您使用的是，例如$ .ajax方法还是类似的东西？因为你实际上可以在那里使用完成的promise，并且在那个动作中使用jquery选择器来查找按钮并通过简单改变按钮的txt（例如）

$('#submit-button').val('Update')

Answer 3

我相信您希望查看this question的答案以更新按钮文字。但是，除非您使用AJAX和PHP的组合，否则您可能会考虑使用PHP来设置按钮文本而不是依赖于Javascript。由于您的表由PHP填充，因此可以在使用PHP到达客户端之前确定按钮文本。这样，您可以通过删除不必要的脚本来减少页面加载。

如何在填充html表值时调用javascript代码

3 个答案: