从单独的 JavaScript 文件中禁用另一个 HTML 文件上的按钮

Question

这可能是一个非常容易回答的问题，但我可能遗漏了一些东西。我才接触这个几个月。

我想知道是否可以根据点击功能禁用不同 HTML 文档上的按钮。

想法很简单：

HTML1:

<input type="submit" class="guest" value="I'm just visiting">

HTML2:

<input type="submit" class="thisbutton" value="Feature not for guests">

JS：

$('.guest').click(function() {
        $('.thisbutton').prop('disabled', true); //this is on another file
        $('.thisbutton').css('background-color', 'grey');
    });

一些想法：

用饼干？在 header 中使用 link？ cookie 是一种想法，但很容易删除。

感谢您抽空观看！

Answer 1

当用户单击 HTML1 页面中的 .guest 按钮时，您可以通过为来宾保存一个条目来使用本地存储，然后在另一个页面中获取该条目 HTML2 在 ready 函数中禁用 thisbutton.

HTML 1:

// set the item in localStorage on click
$('.guest').click(function() {
    localStorage.setItem('guest', true);
});

HTML 2 :

$(function(){
    // get the item 
    if ( localStorage.getItem('guest') !== null ) {
        $('.thisbutton').prop('disabled', true);
        $('.thisbutton').css('background-color', 'grey');
    }
});

从单独的 JavaScript 文件中禁用另一个 HTML 文件上的按钮

Disable a button on another HTML file from a separate JavaScript file

html

javascript

jquery

input-field